スキル自身の言葉で
既存のデザインシステムに対して、監査・文書化・拡張の3つのモードで作業するスラッシュコマンドのスキルです。監査パスでは命名の一貫性、トークンのカバレッジ、コンポーネントの完成度を報告し、システムを100点満点で評価します。文書化モードでは、説明、バリアント、プロパティ、状態、アクセシビリティ、推奨事項と非推奨事項を含むコンポーネント仕様を作成します。
拡張モードでは、システムの既存コンポーネントに対して新しいコンポーネントまたはパターンを提案し、使用予定のトークンと生じる未解決の課題を列挙します。デザイントークン、コンポーネント、パターンを対象とし、デザインツールやナレッジベースが接続されている場合はそこにアクセスすることもできます。想定読者は、システムの一貫性を保つデザイナーと開発者です。
生成されるもの
- 優先度付きのアクションで終わるデザインシステムの監査レポート
- プロパティ、型、デフォルト値、説明のプロパティ表を含むコンポーネントドキュメント
- 解決する課題から始まる新しいコンポーネントの提案
仕組み
- 01引数からモードを選択する
このコマンドは、モードとターゲットを指定して実行します。システム全体を監査するか、単一のコンポーネントまたはパターンを文書化モードや拡張モードで処理します。
- 023つの軸で監査を実行する
監査では、命名の一貫性、ハードコードされた値に対するトークンのカバレッジ、各コンポーネントの完成度を確認し、優先すべきアクションを示します。
- 03コンポーネント仕様を作成する
文書化モードでは、説明、型とデフォルト値を含むバリアントとプロパティ、状態、アクセシビリティ、推奨事項と非推奨事項の表というテンプレートを埋めます。
- 04既存のものに対して拡張を提案する
拡張モードでは、新しいアイデアを関連コンポーネントと比較し、APIとバリアント、状態、そのコンポーネントが使用する正確なトークンを提案します。
- 05接続されたツールがある場合はそこから取得する
デザインツールが接続されている場合、このスキルはドキュメント作成のためにコンポーネントのプロパティとレイヤー構造を取得し、Figma内で命名、バリアント、トークンの使用状況を確認できます。