mcpField

design-system

affaan-mデザイン・UI10.2k 回インストール

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を入力して読み込まれたか確認します。

コメント