mcpField

build-design-system

design.howデザイン・UI237 回インストール

build-design-system について

アプリがすでに提供している UI をもとにデザインシステム全体または一部の段階を構築したい場合に使用します。「アプリからトークンを抽出」「Button に状態を追加」「ハードコードされた色をトークンに置き換え」「デザインシステムを始める」などが対象です。既存システムのコンポーネントに画面を移行する場合は migrate-design-system を使用します。アプリ全体に関する漠然とした依頼は design-system-boss に振り分けます。

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://design.how --skill build-design-system

インストール後、Claude Code で/build-design-systemを入力して読み込まれたか確認します。

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

references/
components.md
glossary.md
taste.md
tokens.md
traps.md
scripts/
capture-guard.mjs
capture.mjs
check-system.mjs
find-chromium.mjs
oklch.mjs
pixdiff.mjs

コメント