mcpField
U
ui-ux-pro-max

ui-ux-pro-max

github.com/podoデザイン・UI29223 回インストール4 日前に更新
リポジトリ

ui-ux-pro-max について

ui-ux-pro-maxは、エージェント向けの検索可能なローカルデザインデータベースとワークフローを提供します。スタイル、配色、タイポグラフィ、UXルール、フレームワーク別の指針を選び、プロジェクトのデザインシステム案を生成してファイルに保存できます。

主な機能

  1. 01検索可能なローカルデザインデータベース
  2. 02スタイルと配色の選択
  3. 03タイポグラフィとUXの指針
  4. 04フレームワーク別の提案
  5. 05デザインシステム案
  6. 06提案のファイル保存

活用シーン

  1. 01製品のビジュアル方針を決める
  2. 02分野やスタック別に設計指針を検索
  3. 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

判断ツリー

  1. 完全版スキルはすでにインストールされていますか?

    • グローバル: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 に進んでください
  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 -y
    

    Claude 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 以外のタスク

コメント