build-design-system
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.mdglossary.mdtaste.mdtokens.mdtraps.mdscripts/capture-guard.mjscapture.mjscheck-system.mjsfind-chromium.mjsoklch.mjspixdiff.mjsコメント
Markdown 対応