Color

design-consultation は、ざっくりした製品アイデアを完成度の高いデザイン方針へと落とし込むための design-consultation skill です。`DESIGN.md` を唯一の参照元として作成し、プレビューや、タイポグラフィ、カラー、余白、レイアウト、モーションに関するシステムレベルの指針までまとめます。新規プロダクトや、一貫した出発点が必要な UI 面の設計に向いています。

visual-design-foundationsは、タイポグラフィスケール、カラートークン、スペーシングルール、アイコノグラフィの指針をもとに、実践的なUIシステム作りを支援します。強固なデザイン基盤の導入、スタイルガイドの整備、情報階層の監査、明確な設計制約に基づく実装向けCSS変数の作成に活用できます。

quieterは、うるさく見える、または刺激が強すぎるUIの視覚的な強さを抑えつつ、明瞭さ、階層構造、ブランドの意図は保つためのUIデザイン改善 skill です。親となる `$impeccable` skill の後に使うのが最適で、的を絞った調整を行う前に、強さの原因を見極めるのに役立ちます。

brandkit は、ロゴシステム、アイデンティティデッキ、ビジュアルガイドラインボード、アートディレクションされたブランドプレゼンテーションなど、ブランディング業務向けのプレミアムなブランドキット画像生成スキルです。スタートアップ、開発者向けツール、セキュリティ、ゲーム、コンシューマーアプリ、ラグジュアリー系コンセプトまで、一貫性のあるスタジオ品質の仕上がりを狙えるよう設計されています。ありきたりな AI ムードボードではなく、洗練されたブランド世界観を作りたいときに使うスキルです。

industrial-brutalist-ui skill for UI Design は、スイス風グリッド、極端なタイポグラフィ対比、実用本位の配色、アナログな質感を使って、機械的で高密度なインターフェースを作るための skill です。ダッシュボード、編集システム、ポートフォリオページなど、規律のあるコントロールパネル風の見た目が必要な場面で、この industrial-brutalist-ui ガイドを活用できます。

colorizeスキルは、グレー中心で単調なインターフェースに戦略的な色を加えたいUIチーム向けのスキルです。どんな場面で使うべきか、どのような文脈情報が必要か、そして $frontend-design やブランドを踏まえた配色判断とともに impeccable のワークフローへどう組み込むかを理解できます。

bolder は、使いやすさを損なわずに、無難で平板になりがちな UI デザインへ個性と視覚的な強さを加えるためのスキルです。bolder を使うべき場面、必須の事前ステップである $frontend-design、そしてより効果的なプロンプト設計・診断・コントロールされた視覚的インパクトの出し方を確認できます。

distillは、画面・コンポーネント・ユーザーフローを本来の目的に必要な要素まで絞り込むためのUIデザインスキルです。 clutterや視覚的ノイズ、機能肥大の抑制に役立ちますが、利用前に /frontend-design への依存があり、状況によっては /teach-impeccable も先に必要になります。

colorizeスキルが、グレー中心や平坦に見えるUIデザインに戦略的に色を加える方法を解説します。このガイドでは、frontend-designによる事前準備、リポジトリから読み取れる導入時の前提、そして階層設計・意味づけ・ブランド適合のための実践的な使い方を紹介します。

bolder は、無難すぎる・平板・個性が弱い UI を、コントラスト、情報の強弱、キャラクターを強めることで改善するための UI デザインスキルです。より実用的で切れ味のある改善提案を得たいときに適しており、使いやすさを損なわずにデザインを引き締められます。利用時は、まず /frontend-design で文脈を整理し、デザイン文脈がない場合は /teach-impeccable の後に使う想定です。

quieter スキルは、UI Designの視覚的な強さを抑え、階層構造・明快さ・ブランドらしさを保ちながら、派手すぎる、きつい、刺激の強いインターフェースをより落ち着いた印象に整えます。pbakaus/impeccable リポジトリでは、必須の /frontend-design ワークフローを実行した後に使うのが最適です。

distillは、画面を本質的なタスクに絞り込むためのUI設計簡潔化スキルです。インターフェースの散らかりを抑え、ノイズを減らし、情報の優先順位をわかりやすくしたいときに役立ちます。/frontend-design の後、対象画面が具体的に定まっていて、主要なユーザー目標が1つに絞られ、必ず残すべき制約が明確な場合に最も効果を発揮します。

colorize skill は、グレー中心または単調なUIデザインに戦略的な色を加えるための支援を行います。どこに色を使うべきか、なぜ重要なのか、そして既存のブランド文脈、情報の階層、セマンティックな状態、トーンに合わせてどう活用するかを導きます。より確かな配色判断を行うには、/frontend-design の後に使うのが最適です。

baoyu-cover-image は、記事のカバー画像向けに、タイプ・配色・レンダリング・テキスト・ムードを整理した構造化プロンプトをエージェントで生成できるスキルです。2.35:1、16:9、1:1 の各フォーマットに対応し、自動選択ルールや互換性ガイドも備えているため、再現性の高い編集ワークフローや UI Design のカバー制作に適しています。

infographicスキルは、`infographic` DSL を使って構造化コンテンツを洗練されたインフォグラフィックレイアウトに変換します。KPIカード、タイムライン、ロードマップ、ステップ形式のフロー、A vs B比較、SWOT、ファネル、組織ツリー、シンプルなチャートに適しています。UIデザイン向けのインフォグラフィックや、4〜8項目のプレゼン資料風サマリーに特に向いています。複雑なデータ分析や技術図解にはあまり適していません。

high-end-visual-design は、エディトリアル調でシネマティック、かつ緻密に作り込まれたUIを設計するためのプレミアムなUIディレクションスキルです。フォント、余白、影、モーション、構図をガイドすることで、AIがありきたりなレイアウトに寄らないようにし、ランディングページ、マーケティングサイト、ダッシュボード、洗練されたアプリ画面の質感を高めます。

minimax-pdfスキルは、見た目の品質と文書としての一貫性が重要なときに、完成度の高いPDFを作成・入力・整形し直すのに役立ちます。CREATE、FILL、REFORMAT の各ワークフローで使え、トークンベースのデザインシステムにより、荒い入力を印刷対応の仕上がりへと変換します。このガイドでは、minimax-pdf のインストール方法、使い方、そしてより良い結果を得るためのルート選択を解説します。

teach-impeccable は一度だけ設定すればよいスキルです。リポジトリをスキャンし、UX やブランドに関して不足している点だけを質問し、今後の AI セッションで再利用できる継続的なデザイン指針を保存します。

quieterは、情報の階層やブランドらしさ、使いやすさを保ったまま、UIの視覚的な強さを抑えるためのデザイン調整スキルです。/frontend-design の後に使うのが最も効果的で、必要に応じて /teach-impeccable も組み合わせることで、全面的な再設計を行わずに、主張の強すぎるインターフェースを落ち着かせるのに役立ちます。