design-system
design-system について
既存のコードベースからデザインシステムを生成するか、ビジュアルの一貫性を監査します。デザイントークン(色、タイポグラフィ、間隔、影)を design-tokens.json と CSS カスタムプロパティに抽出し、根拠を記した DESIGN.md とインタラクティブな HTML プレビューを作成します。UI を 10 項目で評価し、AI っぽい定型パターンを指摘します。デザインシステムの開始、リデザイン前のビジュアル一貫性監査、スタイリングに関わる PR のレビューに使用します。
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / affaan-m/ ecc --skill design-systemインストール後、Claude Code で/design-systemを入力して読み込まれたか確認します。
コメント
Markdown 対応