Communitygithub.com

vinay-v-7/design-studio

統一デザインシステム。ウェブサイト、ランディングページ、プロダクトUI、ダッシュボード、フォーム、スライドデッキ、図など、クリーンで個性的なノンジェネリックなインターフェースの構築とレビューを行います。

design-studio とは?

design-studio は、AIエージェント(Claude Code、Cursor、Codexなど)向けの統合デザインスキルです。UIの構築、リデザイン、レビュー、スタイル提案、スライド作成、図作成など、デザインに関わる多様なタスクを一元的に処理します。このスキルは「taste」(アートディレクション)、「impeccable」(クラフトコマンド)、「ui-ux-pro-max」(スタイルデータベース)、「ai-design-review」(AIレビュー)、「slides」(HTMLスライド)、「diagrams」(図)という6つのモジュールで構成され、状況に応じて適切なモジュールだけをルーティングして読み込むことで効率的に動作します。また、「anti-slop doctrine」と品質ゲートを持ち、ジェネリックなデザインやAI臭い出力を抑制し、高い品質基準を保ちます。Windows環境にも対応し、Node.jsやPythonなどのランタイム依存関係をチェックしながら動作します。ユーザーが「genericに見える」「AIが作ったみたい」といったフィードバックをした場合にもこのスキルが反応し、スタイルの方向性を定義するDESIGN.mdの生成や、プロジェクトのデザイン一貫性を担保するためのフックポリシーも備えています。

対応✓Claude Code~Codex CLI✓Cursor
npx skills add vinay-v-7/design-studio-skill

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

design-studio は何をしますか?

<studio> はこの SKILL.md を含むフォルダです。Windows では python3 がない場合 python を使用し、アンクックドランチャーの代わりに modules/impeccable/scripts/impeccable.cmd を使用してください。

ロード

  1. このファイル。
  2. ルートに対するドクトリン: doctrine/workflow.md, doctrine/principles.md, doctrine/gate.md; モジュール間で矛盾がある場合は doctrine/conflicts.md。
  3. 以下のルーティングされた MODULE.md ファイルのみ、次にそれらが指す参照先。

すべてのモジュールをロードしないでください。ベンダリングされた MODULE.md ファイルはスタンドアロンスキルではありません。

優先順位

  1. ユーザーの明示的な指示と実際のブランドアセット
  2. プロジェクトの DESIGN.md / PRODUCT.md
  3. design-studio ドクトリン
  4. アクティブなモジュールのルール
  5. ui-ux-pro-max データベースの選定 — 入力であり、決定ではありません; すべての選定はスロップフロアを通過する必要があります

ルート

/design-studio <route> [target]。ルートがない場合は、依頼から推測します。

意図 / 引数ロード備考
build — ランディング、マーケティング、ポートフォリオ、公開ページmodules/taste/MODULE.md + modules/impeccable/MODULE.md (説得)ui-ux-pro-max はスタックガイドラインのみ
app — ダッシュボード、設定、フォーム、プロダクトUI、ネイティブ画面impeccable (操作) + taste references/app-screens.mdui-ux-pro-max スタック + UX ガイドライン
direction — パレット、フォント、スタイル最初に taste ライブラリ; 次に modules/ui-ux-pro-max/MODULE.md 検索、スロップフィルター済みDESIGN.md を書き込みます
review / audit / roastmodules/ai-design-review/MODULE.md およびそのレポート形式以下のスキャナー; ID に重複排除
polish bolder quieter typeset colorize animate harden clarify distill delight adapt onboard optimize layout overdrive shape init document extract critique audit live generateimpeccable コマンドリファレンスピン/アンピンは無効
slides / deck / presentationmodules/slides/MODULE.mdtemplate-library/ は最終手段; .pptx → pptx スキル
diagram (+ import mermaid|drawio|excalidraw, export)modules/diagrams/MODULE.md + commands/
アプリ内のチャートインストールされていれば dataviz スキル、そうでなければ ui-ux-pro-max チャートドメイン
長文コピーai-design-review コピーテル; インストールされていれば unslop スキル
hooks on|off|statusimpeccable reference/hooks.md以下のフックポリシー

ワークフロー

概要 (PRODUCT.md) → 方向性 (DESIGN.md) → 構築 → 確認 → ゲート → レポート。詳細: doctrine/workflow.md。

Taste の作業ファイルは .taste-skill/ に保持します。選択した方向性を DESIGN.md に要約し、すべてのモジュールが1つのファイルを読むようにします。

ゲート

完了条件: 出荷サイズを確認した; 関連するスキャナーが実行された; P0 ゼロ; すべての P1 は概要によって正当化されている; 新しいUIのジェネリック度 ≤ 3/10; SD1–SD5 をパス; 何も invent されていない; アプリUIには空/ローディング/エラー状態がある; レポートは実行されたティアを名前付けしている。完全なテーブル: doctrine/gate.md。

レビュースキャナー (カタログIDに重複排除):

node <studio>/modules/ai-design-review/scripts/scan.mjs <target> --json
<studio>/modules/impeccable/scripts/impeccable detect <target>
node <studio>/modules/taste/scripts/lint.mjs <target>

Windows の detect: <studio>\modules\impeccable\scripts\impeccable.cmd detect <target>。

フックポリシー

デフォルトではオフ。決して静かに有効にしないでください。

実際のプロジェクトで build または app ルートの開始時に、以下を実行:

<studio>/modules/impeccable/scripts/impeccable hooks status

以下のいずれかに該当する場合、オプトインを提案し、理由を一文で説明: タスクが3つ以上のUIファイルに触れる、またはセッションをまたぐ; レビューで2つ以上の機械的なP0/P1(コントラスト、グラデーションテキスト、グロー、オーバーフロー、デザインシステムのドリフト)が見つかった; ユーザーが継続的な適用を依頼した。

説明: .claude/settings.local.json (Claude Code) または .cursor/hooks.json (Cursor) を介した編集ごとのスキャン。Cursor は編集ごとのチェックのみで、Stop ディープパスはありません。<studio>/modules/impeccable/scripts/impeccable を参照。

.impeccable/config.local.json の hook.consent を尊重してください。そのプロジェクトでは再度尋ねないでください。

承諾された場合: impeccable hooks on。拒否された場合: hooks off とし、そこで再度尋ねないでください。

環境

必要環境使用元不足時の動作
Node 18+scan.mjsスキャナーをスキップし、その旨を伝える
Node 22+taste draw / lint / inspecttaste スクリプトをスキップ
Python 3ui-ux-pro-max, diagram verify-geometryそれらをスキップ
Chrome / Edgetaste inspect, impeccable URL detectビジュアルブラウザティアをスキップ
PlaywrightスライドPDFエクスポートPDFをスキップ
python-pptxPPTインポートインポートをスキップ

モジュールマップ

パス役割
modules/taste/アートディレクション (draw.mjs), lint/inspect
modules/impeccable/クラフトコマンド, detect, hooks
modules/ui-ux-pro-max/検索可能なスタイル/パレット/スタック
modules/ai-design-review/テルカタログ, scan, レビューレポート
modules/slides/HTMLデッキ; template-library/ は実装リファレンス
modules/diagrams/HTML/SVG図

関連スキル