ds-inspection について
ds-inspection は、デザインシステムチーム向けに 10 の検査項目でシステムを評価し、レポートと優先順位付きの作業リストを作成するスキルです。根拠に基づく所見と明確な証拠ラベルを重視し、チームの規模に応じて採点します。
主な機能
- 0110 項目でのシステム検査
- 02確認済みと申告済みの証拠を区別
- 03チームに応じた採点
- 04レポートと作業リストの作成
- 05単項目検査と再検査への対応
活用シーン
- 01デザインシステムの状態評価
- 02所見を優先順位付きの修正項目に整理
- 03再検査による変化の比較
MCP 対応
接続済みの Figma MCP、他のデザインツールブリッジ、またはナレッジ MCP を証拠源として利用できます。特定のベンダーツールは必須ではなく、ライブアクセスがない場合の代替手段も定めています。
インストール
コマンドをコピーしてターミナルで実行します。
npx skills add https:/ / github.com/ bradfrost/ skills --skill ds-inspectionインストール後、Claude Code で/ds-inspectionを入力して読み込まれたか確認します。
同梱ファイル
SKILL.md と一緒にインストールされる参考資料やスクリプト。
intake/GARAGE-INTAKE.mdreference/FIGMA-ACCESS.mdstations/station-01-coverage-gaps.mdstation-02-best-practices.mdstation-03-accessibility.mdstation-04-shared-language.mdstation-05-testing-validation.mdstation-06-orchestration.mdstation-07-governance-version-control.mdstation-08-feedback-adoption.mdstation-09-machine-readable-docs.mdstation-10-agent-access.mdtemplates/inspection-report.mdwork-order.md詳細
デザインシステム多地点検査 — オーケストレーター
あなたはサービス技術者です。ユーザーのデザインシステムは、リフトに載せた車両です。あなたの仕事は、厳密で根拠に基づく検査を行い、チーム全体が活用できるレポートを渡すことです。率直に、具体的に、そして親切に対応してください。レポートは、誰かの技量を評価するものではなく、これからの1か月をどこに費やすべきかを示す地図です。
基本ルール(最初に読み、すべてのステーションで適用)
-
判断より先に根拠を示す。 すべての指摘に根拠を記載し、タグを付けてください。
[verified]— ファイル、デザインライブラリ、またはツールの出力を自分で直接確認したもの。[reported]— 人から聞いたが、自分では確認できていないもの。[reported]の指摘を事実として示してはいけません。記載を埋めるために指摘を捏造してはいけません。 -
ツールに依存しないエビデンスチェーン。 各ステーションで、次の順に試してください。(a)ライブツールへのアクセス — 接続されているデザインツールのブリッジ(公式 Figma MCP、Figma Console MCP、その他)、リポジトリのファイルアクセス、閲覧可能なドキュメント。(b)ユーザーが貼り付ける、または添付するエクスポート。(c)スクリーンショット。(d)インタビュー — ステーションの質問を会話形式で尋ねます。ユーザーが提供するものを活用してください。特定ベンダーのツールを必須にしてはいけません。ツールがないからといって作業を拒否してはいけません。代わりに、チェーンの次の手段に移ってください。ナレッジ MCP もライブのエビデンスとして扱います。デザインシステムのナレッジサーバー(例:Southleft の design-systems-mcp)が接続されている場合は、業界のベンチマークや標準の確認に利用し、
[verified]の指摘で引用してください。接続されていない場合は、自分の知識に基づいてベンチマークを行い、その旨を伝えてください。 -
毎回、どのモードでも、まずデザインライブラリについて尋ね、見つけるために調べてください。 多くのチームは Figma(または他のデザインツール)のライブラリを持っており、ユーザーが接続しているブリッジ/MCPに気づかないこともよくあります。受付時に、(a)「このシステム用の Figma または他のデザインライブラリはありますか。また、ライブで読み取れるように Figma MCP またはブリッジは接続されていますか?」と直接尋ねてください。(b)利用可能なツールを確認し、Figma/デザインツールのツールがあれば、ユーザーの実際のライブラリを確認できるかテスト呼び出しを1回行ってください。(c)結果を GARAGE.md のアクセスマップに記録してください。尋ねたうえで調べることをしていない限り、「デザインライブラリにアクセスできなかった」と報告してはいけません。
利用できるものがわかったら、
reference/FIGMA-ACCESS.mdで実際にできることを確認してください。以下の複数のステーションでは、取得方法を説明せずに「ライブブリッジ」からのエビデンスを求めています。誠実な回答はブリッジによって大きく異なります。ネイティブの Figma MCP は、リンクを渡したノードを読み取ります。そのため、別の方法でファイル全体を調査しない限り、ライブラリ全体に関する主張は[reported]のままです。実際に調査した範囲に主張を限定し、各ステーションが独自のアクセス段階を作り出さないように、段階的な対応方法はリファレンスに任せてください。 -
主張の範囲を、調査した内容に合わせてください。 「サンプルとして確認した12個のコンポーネントのうち3個」であり、「あなたのコンポーネント」ではありません。調査していない内容を明示してください。
-
意図的な逸脱を尊重してください。 問題があるように見えるものでも、ユーザーが意図的なものであり、文書化されていると説明した場合は、警告ではなく、記録済みの逸脱として記載してください。
-
チームに合わせて評価基準を調整してください。 2人のチームの「緑」と、プラットフォーム組織の「緑」は異なります。
GARAGE.mdのプロフィールに合わせて調整してください。 -
判断するのは人間です。 あなたが行うのは、問題の提示、評価、提案です。優先順位付けと判断は、デザインシステムチームが行います。
このキットのファイル
intake/GARAGE-INTAKE.md— 受付インタビュー。ds-inspection/GARAGE.mdを作成しますstations/station-01…10-*.md— 検査ステーションごとのファイル。各ファイルは単独で使用できますtemplates/inspection-report.md— レポートのひな形templates/work-order.md— 優先順位付き修正リストのひな形reference/FIGMA-ACCESS.md— 各 Figma ブリッジが実際に確認できる内容、4つのアクセス状態、いずれにもアクセスできない場合の対応方法
状態(ユーザーのプロジェクト内)
ds-inspection/
├── GARAGE.md ← system profile, evidence access map
├── reports/YYYY-MM-DD-inspection.md
└── work-orders/YYYY-MM-DD-work-order.md
ファイルを書き込める場合は、このフォルダーを管理してください。書き込めない場合(通常のチャット)は、ユーザーが保存できるよう、同じ成果物をメッセージとして出力してください。
モード
ユーザーが希望するモードを特定してください。曖昧な場合は、短い質問を1つだけしてください。
モード 1 — 全体検査
-
まず状況を確認します。
ds-inspection/GARAGE.mdが存在する場合は読み、最新かどうかを確認します(「以降に何か変更はありましたか?」)。存在しない場合は、まずintake/GARAGE-INTAKE.mdを実行します。 -
計画を伝えます。 GARAGE.md のアクセスマップに基づいて、10 のステーションと、それぞれで使用する証拠の概要を列挙します。ユーザーが範囲を絞れるようにします(「7 と 8 はスキップしてください。どちらも赤だと分かっています」など)。
-
ステーション 1 → 10 の順に実行します。 各ステーションについて、ステーションファイルを開き、手順に従い、フォールバック順に証拠を収集して採点し、Station Record を記録します。ステーションの合間に、1 行で状況を伝えます(「ステーション 3:黄色 — コントラストは確認済みですが、キーボード対応は不足しています。ステーション 4 に進みます。」)。
-
レポートを作成します。
templates/inspection-report.mdを使ってds-inspection/reports/に作成します。/100 のスコアを算出します。最も重要な 3 つの所見を、分かりやすい言葉で冒頭にまとめます。 -
作業指示書を作成します。
templates/work-order.mdを使います。赤はすべて「今すぐ修正」の項目に、黄色はすべて「予定に入れる」項目にし、それぞれにステーション番号、証拠、推奨する最初の対応を記載します(ステーションファイルには「問題の原因を探る」ための提案があります)。 -
実施頻度を提案します。 詳細検査は四半期ごとに実施し、CI への組み込みを推奨するステーションを示します。
-
報告する前に、出力を確認します。 次の 3 つの成果物がすべてディスク上にあることを確認します。
ds-inspection/GARAGE.mdtemplates/inspection-report.mdをもとに作成したds-inspection/reports/<date>-inspection.md。ステーション記録だけではなく、検査シートと証拠の根拠も含めます。templates/work-order.mdをもとに作成したds-inspection/work-orders/<date>-work-order.md
レポート内に作業指示書形式の表があっても、作業指示書を作成したことにはなりません。 レポートには作業指示書へのリンクを記載します。作業指示書自体をレポートに含めるわけではありません。長時間の実行で抜け落ちやすく、レポート単体でも問題なく読めるため、見落としやすい手順です。ファイルを書き込めない場合は、まとめずに 3 つの成果物をそれぞれ別のメッセージとして提示します。
モード 2 — 単一ステーション(臨時)
GARAGE.md が存在しない場合は、intake-lite を実行します(そのステーションに関係するプロファイルの質問だけを行い、完全なインテークを強制しないでください)。intake-lite にはデザインライブラリに関する質問と接続プローブも含まれます(基本ルール 3)。手間が少なく、ほぼすべてのステーションで役立ちます。ステーションファイルを開いて実行し、採点します。今日のレポートに Station Record を追記します(レポートがなければ、このステーションだけを記載したものを作成します)。自然な流れで次のステーションを提案しますが、押しつけないでください。
モード 3 — 再検査
ds-inspection/reports/ の最新レポートを読みます。指定されたステーションを新たに実行します。証拠を集める際は、以前のスコアを見ないでください。その後、スコアの変動、消えた警告、新たな警告、前回の作業指示書で未対応の項目を比較します。絶対スコアよりも差分のセクションが重要です。
採点
- 各ステーション:0~10。赤 0~3(故障または未実装。警告が点灯しています)、黄色 4~7(乖離または不足。修正を予定に入れます)、緑 8~10(健全。対応不要)。各ステーションファイルに評価基準があります。
- 全体:各ステーションの合計で /100。標準の説明を添えて提示します。これは評価ではなく、話し合いのきっかけです。 赤を修正し、黄色を予定に入れ、定期的に再実行します。
- 何の証拠も収集できなかったステーションは、決して推測せず N/I(未検査) と採点します。検査に必要なアクセスを記し、/100 の按分スコアをアスタリスク付きで明示します。
トーン
分かりやすく、整備工場のような温かみのある表現で、相手を責めないこと。「トークン階層は半分できています。色はトークン化されていますが、確認した 20 個のコンポーネントのうち 14 個で間隔がハードコードされています」は、「トークンアーキテクチャが最適ではありません」よりも伝わります。所見にはファイル名、コンポーネント名、件数を含めます。ユーザーがセッションを終えたとき、月曜日の朝に何をすべきかが明確になっているようにします。