UI UX Pro Max スキルで、作る前に業種に合ったデザインシステム（構成・スタイル・配色・フォント）を推薦させる
コーディングエージェントに「デザインの引き出し」を足すスキル。業種や用途を伝えると、ページ構成・UIスタイル・配色・フォントの組み合わせ・UXのルールをまとめて提案してくれる。
どんな問題を解決するか / いつ使うか
エージェントに何も渡さずにUIを作らせると、どの業種でも同じような見た目になる。UI UX Pro Max は、業種別の設計ルール192、UIスタイル79（うち有効50）、配色、フォントの組み合わせなどをデータとして持ち、検索して推薦する。v2.0 では「デザインシステム生成」が中心機能で、たとえばスパの予約サイトなら「ヒーロー中心＋口コミ」の構成、CTAの位置、柔らかい影のスタイルなどを一式で出す。新規のLPやアプリで、最初のたたき台の方向を決めるときに向く。
入れ方
- Claude Code：プラグインのマーケットプレイスから
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill（READMEに2行の手順あり） - そのほかのエージェント：CLI をグローバルに入れて、使うツールを指定して初期化する
bash
npm install -g ui-ux-pro-max-cli
uipro init --ai cursor # claude / codex / gemini / opencode なども指定できるnpm パッケージ名は ui-ux-pro-max-cli（古い uipro-cli は使わない、と README にある）。
使い方のコツ
- 先に「何の業種・誰向け・何をしてほしいページか」を伝えて、デザインシステムを推薦させる。
- 推薦をそのまま実装させず、awesome-design-md で見た目を選び、公式 shadcn スキルでデザインシステムページまで作る などのルールファイルに書き出させて、以降の画面はそれに従わせる。
- 仕上げは、AIっぽさを検出するスキル（デザイン用スキル＋決まったルールで検出する仕組みで「AIっぽいUI」を潰す（Impeccable等）、Hallmarkスキルで「作る・採点・作り直し・好きなサイトから抽出」を使い分け、AIっぽくないUIにする、バイブコーディングしたサイトは、taste-skill v2 で「AIっぽさの印」を幅ごとに洗い出してから直す）でチェックする。推薦系と検出系は役割が違うので併用できる。
一緒に挙がっていた AIデザイン系リポジトリ（2026-10-24 時点の紹介）
既にナレッジにあるもの（awesome-design-md、Taste Skill、Impeccable、Diagram Design、Hallmark）以外で、新しく名前が出たもの：
- Open Design：Claude Design に近いことを自分のエージェントで動かすオープンソースのデザイン作業場
- Penpot：オープンソースのFigma代替。MCPでエージェントがデザインを編集できる
- Figma Context MCP：Figmaのレイアウト情報を Cursor / Claude Code に渡し、実際のモックから実装させる
注意点
- スター数は紹介投稿の値で、確認していない。プラグインは手元でコードを実行できるので、入れる前に中身を確認する。
- 推薦はあくまで出発点。ブランドや既存のデザインシステムがある場合はそちらを優先し、このスキルは不足部分（配色候補、フォントの組み合わせなど）を探すのに使う。