governance について
governance は、デザインシステムの変更にバージョニング、コントリビューション、非推奨化の方針を適用するスキルです。変更の分類と完了前の確認手順を示します。
主な機能
- 01SemVerレベルで変更を分類
- 02コンポーネントとトークンの昇格基準を設定
- 03非推奨期間と移行マップを定義
- 04ファイル参照と変更履歴を更新
- 05トークンの妥当性とコントラストを確認
活用シーン
- 01デザインシステム変更のリリースレベルを決定
- 02トークンやコンポーネントの非推奨化と移行を計画
- 03コア追加前の新規コンポーネントを評価
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ plugin87/ ux-ui-agent-skills --skill governanceインストール後、Claude Code で/governanceを入力して読み込まれたか確認します。
詳細
スキル:ガバナンス
ステップ 0:キットはありますか? このスキルはキット内のファイルを読み取ります。一度だけ確認してください:
ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSINGKIT_MISSINGの場合、インストールされているのはスキルフォルダーだけです。これはnpx skills addの動作です。その旨を明確に伝え、npx ux-ui-agent-skills initまたはプラグインのインストールを案内して、そこで終了してください。 開けなかったファイルの内容を推測してはいけません。
システムの成長に合わせて一貫性を保ちます。バージョニング、コントリビューション、非推奨化のルールを適用します。
手順
${CLAUDE_SKILL_DIR}/../../../workflows/governance.mdを読みます(SemVer の表、コントリビューションのワークフロー、非推奨化ポリシー、変更に関する連絡)。- 変更を分類します:major(破壊的変更:トークンや prop の名前変更・削除、構造やデフォルトの変更)、minor(追加的変更:トークン・コンポーネント・バリアント・任意の prop の追加)、patch(修正:許容範囲内のコントラスト・バグ・ドキュメント・値の調整)。
- 新しいコンポーネント/トークンの場合:製品から候補、コアへと昇格させる前に、実際に繰り返し発生するニーズ(2 か所以上)に応えることを確認します。コンポーネント品質基準(
${CLAUDE_SKILL_DIR}/../../../.claude/rules/components.md→ Component Quality Bar)を満たすように設計します。 - 非推奨化の場合:理由、代替項目、削除バージョンを明記します。少なくとも 1 回の minor サイクル期間は引き続き動作させ、マイグレーションマップ(
${CLAUDE_SKILL_DIR}/../../../design-systems/crosswalk.mdの形式)を用意します。削除は major でのみ行います。 - 新しいファイルを
CLAUDE.md(File Reference Map および関連する表/ルーター)に登録し、変更履歴を追加します。
検証(完了の定義)
- 変更に SemVer のレベルが指定され、変更履歴の項目が追加されていること。
- 削除には非推奨期間、代替項目、マイグレーション表があること。
- 新しい仕様が 8 状態 + アクセシビリティ + トークンマッピングの基準を満たし、ルーターから参照できること。
python3 ${CLAUDE_SKILL_DIR}/../../../scripts/validate_tokens.pyが成功すること。色を変更した場合はコントラストも再確認すること。
コメント
Markdown 対応