Skills DirectoryGitHub から厳選したオープンソースの Skills

ui-ux-pro-maxcommit 3a13158 · v2.15.0SKILL.md · UI・インタラクション

UI/UX Pro Max デザイン

スタイル、配色、フォントの組み合わせ、UX ガイドライン、技術スタックのローカルデータを検索し、UI の設計と実装に使います。

npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max
権限
  • read-repo
  • write-files
  • shell
  • network
対応ツール
Claude Code, Cursor, Windsurf, Codex
GitHub
143.6k
提供元
コミュニティ · Next Level Builder
状態
スキャン済み
ライセンス
MIT

基本ルール

結果0件の検索をデータがあったかのように扱わず、再試行しても空なら組み込みの既定値だと明示します。

実行フェーズ

  1. フェーズ 01要件を分析

    製品タイプ、対象者、スタイルのキーワードを抽出し、package.json などから技術スタックを判定します。スタックを決めつけません。

  2. フェーズ 02デザインシステム生成

    新規ページやプロジェクトでは search.py --design-system でパターン、スタイル、配色、書体、避けるべき例を得て、--persist で MASTER.md に保存できます。

  3. フェーズ 03個別に検索

    個別の課題は --domain で UX、配色、アイコン、チャートなどを検索し、--stack でスタック別の指針を得ます。外れたら絞り込んで1回だけ再試行します。

  4. フェーズ 04実装と最終確認

    検索結果をまとめて実装し、アプリ UI を渡す前に references/pro-rules.md の納品前チェックリストを確認します。

権限の説明(SKILL.md より)

機能必要か説明
ファイル書き込み必要UI コードを書き、design-system/ 配下に MASTER.md とページ別ファイルを保存できます。明示的な許可なく --force で上書きしません。
コマンド実行一部で必要同梱の Python スクリプト search.py だけを実行します。外部依存はなく、パッケージもインストールしません。
外部通信不要データはすべてローカルにあり、検索クエリにプロジェクトの非公開データを含めません。

SKILL.md のフロントマター(YAML)

SKILL.md のフロントマター(YAML)commit 3a13158 · v2.15.0
---
name: ui-ux-pro-max
description: "UI/UX design intelligence for web, mobile, and desktop. This skill should be used when designing, building, reviewing, or fixing interfaces, including pages, components, design systems, accessibility, interaction, responsive layout, typography, color, charts, and stack-specific UI implementation. Searchable local data: 79 searchable styles (50 active), 192 product palettes and reasoning profiles, 74 font pairings, 119 UX guidelines, 105 icons, 17 GSAP presets, 25 chart types, and 22 stacks."
---

関連スキル

ルールスキャンですべてのリスクを検出できるわけではありません。インストール前にこのスキルの SKILL.md を読み、権限を確認してください。