Communitygithub.com

デザインシステムボス

アプリ全体の曖昧なデザインシステム要件(「UIが乱れている、修正して」「デザインシステムが必要」「色がハードコードされている」「ボタンを統一して」「出荷前にアプリをチェックして」など)に対応します。名前付き画面はUIレビューへ、1つのコンポーネントはコンポーネントドキュメントへ、トークンレポートはトークンマッピングへルーティングします。まだUIがないリポジトリは対象外です。

デザインシステムボス とは?

このスキルは、アプリケーション全体のデザインシステムに関する曖昧な要求や問題を診断し、適切なプレイブックにルーティングする「ルーター」として機能します。具体的なUIレビュー、コンポーネントドキュメントの作成、トークンマッピングの調査、デザインシステムの構築や移行など、状況に応じて最適なプレイブックを選択し、実行します。主要なプラットフォーム(Claude Code, Cursor等)で動作し、`.design-system/`ディレクトリを管理しながら、人の指示や保存された記憶を最優先します。プレイブックは状態を上書きしないで追記し、各ステップはスキップ可能で、最終的には変更点と未修正項目のランク付けされたテーブルを報告します。同梱のスキル群(`build-design-system`, `migrate-design-system`, `token-mapping`, `component-docs`, `ui-review`)と連携し、それぞれがトークン管理、移行、値マッピング、コンポーネント文書化、UI批評を担当します。

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/saltjsx/compassneo/tree/HEAD/.claude/skills/design-system-boss

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

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

ドキュメント

デザインシステムボス は何をしますか?

ルーターです。アプリを読み、1つのプレイブックにマッチさせ、そのステップを.design-system/state.mdに一字一句コピーして実行します。ドロップしたステップはskipped (<理由>)としてリストに残ります。単語とデフォルトの好みはbuild-design-system/references/glossary.mdとbuild-design-system/references/taste.mdにあります。人の言葉、AGENTS.mdやCLAUDE.md、保存されたメモリがすべてに優先します。

トリガー

要求または状態プレイブック
名前付き画面またはフロー、「出荷前にチェック」playbooks/review.md
1つのコンポーネントplaybooks/component.md
「トークンを使っているか」、どの値がどこにマップされているかtoken-mapping、プレイブックなし
「ハードコードされた値をトークンに置き換え」build-design-system ステップ3、token-mappingの後
システムがない、または乖離があるが、移行については言及なしplaybooks/build.md
システムが存在し、要求が移行に言及していないplaybooks/migrate.md、監査モード
システムが存在し、要求が移行に言及しているplaybooks/migrate.md、フルモード

インストール済みのシステムが信頼できる情報源であり、その上にプレイブックがシードやビルドを行うことはありません。状態が要求と矛盾する場合、状態が優先され、レポートにその旨が記載されます。PRの要求や他人のリポジトリの場合は、最小限のフットプリント(トークン、影響を受けるコンポーネントと画面、リポジトリ自身のlintをチェックとして)とします。

セットアップ(実行ごとに1回)

.design-system/を.git/info/excludeに追加します。書き込みプレイブックは、ユーザーが指定したブランチを使用するか、実行ブランチを作成し、開始ブランチを.design-system/start-branchに書き込みます。監査モード、レビュープレイブック、コンポーネントプレイブックはブランチを作成せず、.design-system/下にのみ書き込みます(コンポーネントエントリはdocs/system/にも書き込まれます)。すべての質問はデフォルト値(好み、デザインソース、パイロットフロー)を適用して1回だけ尋ねます。.design-system/roles.md(コーディネーター、ワーカー、ベリファイア、レビューア、それぞれモデルまたはinherit-parent)と、追記専用のdecisions.tsvを書き込みます。書き込み側は自分自身を評価しません。

決して出荷しないもの

  • build-design-systemの「出荷禁止リスト」にあるもの:誰も依頼していないプッシュやデプロイ、開始ブランチへのコミット、スタッシュ、削除された公開エクスポート、誰にも伝えられずスキップされたステップ。
  • 他のエージェントを起動できるホスト上でボスが書いたプロダクトコード。
  • 「修正して」での移行、またはトリガー行が要求にマッチしなかった場合。
  • 緩和された停止条件、または兄弟のチェックへの編集。
  • 誰も選択していないビジュアル方向性。「モダンにして」とソースがない場合、ゲートはデフォルトで現在の外観になります。
  • ワーカーが実行中の状態でのハンドバック、またはデフォルトがあった質問での待機。
  • ピアエージェントのメッセージを人の決定として扱うこと。
  • build-design-systemの準備監査が未解決の間の移行。

兄弟

スキル担当
build-design-systemトークン、コンポーネント、チェック、準備
migrate-design-systemアプリの移行、そのインシデントから学んだ教訓、クローズ時の修正パス
token-mapping生の値からトークンへ、読み取り専用
component-docs1つのコンポーネントのエントリ
ui-reviewレンダリングされた批評、ランク付け

彼らがカバーする面に触れるすべてのブリーフで、migrate-design-systemの教訓を番号で引用してください。

完了

プレイブックの最後のステップが戻り、レポート内のすべての数字がクローズ時に実行されたコマンドからのものであり、最終メッセージは未回答のデフォルト、次に変更点、最後に見つかったが修正されなかったもののランク付けされたテーブル(最大30行)で始まります。停止が適用される場合(リポジトリなし、拒否されたツールコール、gitで元に戻せないステップ)、完了したものと実行を再開するための最小の返信を述べてください。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

関連スキル