work-with-design-systems

work-with-design-systemsリポジトリには、Claude Code、Cursor、Codexと連携してFigmaデザインシステムを管理するためのClaudeスキルが含まれています。2つのモードをサポートしています：inspect（読み取り専用）モードは、トークン適合性、インタラクティブ状態、WCAGアクセシビリティ、デタッチメントされたインスタンス、命名品質、コンポーネント説明の6つの監査モジュールを実行し、重み付けられた readiness スコアを生成し、常にユーザーの決定を待ちます。Buildモードは6フェーズのワークフロー（ディスカバリー、基盤、ファイル構造、コンポーネント、QA、オプションのPhase 6コード同期）に従い、デザインシステムの作成・拡張、複合コンポーネントへのスロット追加、構造化された説明の書き出し、およびtokens.css（3層のインディレクション付き）、IDE用AIルールファイル、CI対応の監査スクリプトのオプション生成を行います。スキルはブランドガイドライン、トークンJSON、スクリーンショット、コードベース、Storybookを入力としてサポートし、framework-mappings経由で複数のフレームワークにエクスポートできます。Phase 6はデフォルトでオフであり明示的なリクエスト時のみ実行されるため、安全なレトロフィットが保証されます。すべての参照およびスクリプトファイルはオンデマンドでロードされ、スキルは軽量に保たれています。