UI UX Pro Max

実際に何をインストールするのか

このリポジトリは、気の利いたプロンプトではなく、前面に検索エンジンを備えたデータセットです。インストールはCLIで行います。`ui-ux-pro-max-cli`をグローバルに入れ、プロジェクト内で`uipro init --ai <アシスタント>`を実行すると、使っているツール向けのスキルファイルが書き出されます。READMEには対応先が長く並んでいます — Claude Code、Cursor、Codex、Copilot、Gemini CLI、Windsurfなど、さらにその規約に従うツール向けの汎用パス`.agents/skills/`も — 代替としてClaude Codeのプラグインとしての導入も用意されています。検索スクリプトにはPython 3が必要で、READMEによれば標準ライブラリのみを使い、何もインストールせず、ネットワーク通信も行いません。

• 192の業種別推論ルール 製品タイプごとに1つ — フィンテック、歯科医院、開発者ツール、習慣トラッカー — それぞれに推奨のページパターン、スタイルの優先順位、色とタイポグラフィのトーン、そしてその業種で避けるべきアンチパターンが付いています。
• 検索可能なUIスタイル79種、うち50種が有効 残る29種は補助的で、明示的または完全一致の要求にのみ返されます。さらに9種の非推奨名はランキングから完全に外れ、正規のスタイルへリダイレクトされます。1つの見出し数値ではなく内訳を公開している点は、この種のパックの多くより誠実なカタログです。
• 192のカラーパレットと74のフォントの組み合わせ 同じ製品タイプに対して1対1で対応付けられており、Google Fontsのimport文も含まれています。
• 34のランディングページのパターン 意図的に別のデータセットへ保持されています。ページ構造が同じランキングの中で視覚スタイルと競合しないようにするためです。
• 119のUXガイドライン 本番でしか現れない失敗に重心が置かれています。ブラウザの拡大でテキストが切れる、チップの行が折り返せない、バッジが色だけで意味を伝えている、中断されたアニメーションが誤った状態で止まる、といったものです。

ルールパックがアシスタントの成果物を変える理由

コーディングアシスタントにランディングページを頼めば、それが見てきたすべての平均が返ってきます。中央寄せのヒーロー、同じ大きさのカード3枚、グラデーション、アイコン代わりの絵文字。これはモデルの限界ではなく、ブリーフの不在です。スキルパックは生成の前に依頼を絞り込みます — 「スパ向けのページ」が、名前の付いたパターン、パレット、フォントの組み合わせ、そして「やらないこと」のリストへと変わる — その結果、アシスタントは中央値に手を伸ばすのではなく、制約の中で選ぶようになります。

納品前チェックリストは、たとえ導入しなくても盗む価値のある部分です。コントラストの下限、フォーカス状態の可視化、絵文字をアイコンに使わないこと、リデュースドモーションの尊重、そして375・768・1024・1440ピクセルでの確認は、AIが作ったページが取りこぼす項目そのものであり、人間なら2分で全部確認できます。これについての私たち自身の見解はサイト構築にAIを使うべきかにあります。

自社のデザインルールを本番で運用してわかったこと

AgentCeres — agentceres.com のAIグロースオフィサー — は、顧客のランディングページを作って公開するエージェント向けに自社製のデザインスキルを維持しており、2026年8月に、まさにこのプロジェクトが存在するのと同じ理由でそれを書き直しました。技巧の層が箇条書き5行しかなく、出力は無難で完全に没個性だったのです。書き直しは唯一誠実といえるやり方で測りました。同じモデルに同じブリーフと同じ画像を与え、旧スキルと新スキルを走らせ、それらしさの兆候を数えたのです。

1. 本文に見えるダッシュの数 旧出力は10個、新出力はゼロ。
2. セクションの見出しラベル 6セクションに5個、その後1個。
3. 同じ大きさのカード3枚の行 2つ、その後ゼロ。
4. 1つのCTA意図に対する異なるラベル 3種類、その後1種類。
5. 公開後も生き残る画像 ゼロ、その後すべて — 旧スキルは、ローカルでは表示され公開ページでは壊れるホスト画像URLを出力していました。

最後の1行が、私たちのスタックを超えて一般化する教訓です。公開ページは厳格なコンテンツセキュリティポリシーの下で配信されるため、ホストされた画像URLもウェブフォントのスタイルシートも、ダウンロードしたファイルでは動き、公開された瞬間に静かに失敗していました — そして数週間、誰も気づきませんでした。それまでに公開された唯一のページに、画像が1枚も含まれていなかったからです。デザインルールのパックは完全に正しくても、壊れるページを生み出しうる。ルールは、そのページがどんな封筒の中で描画されるかを知らないからです。何を採用するにせよ、成果物は作った場所ではなく、実際に置かれる場所で検証してください。

それで作ったものを伸ばす

恥ずかしくないページは、そこを指すすべてのチャネルの上限を引き上げます。そして、それ単体では何も動かしません。ページを公開した後の仕事は、ありふれた反復作業です。買い手が実際に打ち込む質問に答えるページと比較ページ、続けられる範囲のソーシャルの頻度、自分のカテゴリが語られている場所での返信、そしてそのどれが効いたのかを判別できるだけの計測。

それがAgentCeresのやっている仕事です。AIグロースオフィサーが率いる専門エージェントの一団が作業を起草し、外部へ出るものはすべて、送信前に人の目を通します。このようなスキルパックがデザインの半分をすでに解いているなら、次の制約はたいてい流通です。まずは訪問者を登録につなげる方法から始め、ページが育っても一貫性を保つためにデザインシステムの項目も併せて読んでください。