ui-ux-pro-max について
ui-ux-pro-maxは、エージェント向けの検索可能なローカルデザインデータベースとワークフローを提供します。スタイル、配色、タイポグラフィ、UXルール、フレームワーク別の指針を選び、プロジェクトのデザインシステム案を生成してファイルに保存できます。
主な機能
- 01検索可能なローカルデザインデータベース
- 02スタイルと配色の選択
- 03タイポグラフィとUXの指針
- 04フレームワーク別の提案
- 05デザインシステム案
- 06提案のファイル保存
活用シーン
- 01製品のビジュアル方針を決める
- 02分野やスタック別に設計指針を検索
- 03プロジェクトのデザインシステム案を生成
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ podo/ design-agent-skills --skill ui-ux-pro-maxインストール後、Claude Code で/ui-ux-pro-maxを入力して読み込まれたか確認します。
同梱ファイルstub.yaml
詳細
ui-ux-pro-max
カタログ用のスタブ — 完全版スキル:nextlevelbuilder/ui-ux-pro-max-skill
判断ツリー
-
完全版スキルはすでにインストールされていますか?
- グローバル:
f=~/.agents/skills/ui-ux-pro-max/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" - プロジェクト:
f=.agents/skills/ui-ux-pro-max/SKILL.md; [ -f "$f" ] && ! grep -q "^das:" "$f" && echo "installed" || echo "pointer" installed→ スキルはui-ux-pro-maxとしてインストールされています。これを呼び出して続行してくださいpointer→ ステップ 2 に進んでください
- グローバル:
-
スコープを判定してから、インストールします:
[ -e ~/.agents/skills/ui-ux-pro-max ] && echo "global" || echo "project"グローバル:
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max -g -yプロジェクト:
npx skills add nextlevelbuilder/ui-ux-pro-max-skill --skill ui-ux-pro-max -yClaude Code: 会話を離れずにコマンドを実行するには、
!で始まるコマンドをチャットメッセージとして送信してください。
Claude Code プラグイン経由:
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill
注意事項
- 必要なもの: Python 3(追加パッケージ不要)。スキルは
scripts/search.pyを実行して、バンドルされたデータベースを検索します。インストールされた SKILL.md では、このパスを ${CLAUDE_PLUGIN_ROOT}/.claude/skills/ui-ux-pro-max/scripts/search.py と記述していますが、プラグイン経由の場合にのみ解決できます。npx でインストールした場合、スクリプトはスキルディレクトリ内の ui-ux-pro-max/scripts/search.py にあります - ライセンス: MIT
インストール後の呼び出し
- スキル名:
ui-ux-pro-max - トリガーフレーズ:「UI UX pro max」、「multi-stack UI」、「nextlevelbuilder」
機能
検索可能なローカルのデザインインテリジェンスデータベースと、その活用ワークフローをエージェントに提供します。製品タイプに合ったスタイル、カラーパレット、タイポグラフィの組み合わせ、UX ルールを選び、選択したフレームワークに応じたガイダンスを適用します。エージェントはバンドルされた search.py スクリプトを使って、ドメイン(スタイル、カラー、タイポグラフィ、UX など)やスタック別にデータを検索できます。また、プロジェクト向けのデザインシステム全体の推奨事項を生成し、ファイルに保存することもできます。パッケージのインストールやシステムの変更は行いません。スタイル、パレット、スタックを選ぶことで、意図的なビジュアルの方向性を持つ、一貫して構成された UI を作成できます。
上流リポジトリでは、同じリポジトリ内で複数の関連スキル(design、brand、slides、design-system、banner-design、ui-styling)も公開されています。これらは一般的な名前で、ほかのツールと競合するため、このポインターからインストールされるのはメインスキルのみです。ほかのスキルを追加するには、同じコマンドの --skill の後にそれぞれの名前を指定してください。
使用しない場合
- 1 つのフレームワークだけが必要な場合は、代わりに
taste-skillまたはui-craftをご検討ください - バックエンド、API、または UI 以外のタスク