スキル: デザイントークン
プロジェクトの3階層システムに従って、DTCG（$type/$value）トークンを生成・保守します。
手順
.claude/rules/tokens-and-color.md→ 「トークンシステム」+「カラーガイドライン」と.claude/rules/typography-and-spacing.mdのルール（4pxベース、Major Thirdスケール、OKLCHパレット生成、セマンティックレイヤーでのダークモード）を読み込む。tokens/内の関連する既存ファイルを読み込んで構造に合わせる：colors.json、typography.json、spacing.json、shadows.json、borders.json、breakpoints.json、motion.json、gradients.json、opacity.json、blur.json、sizing.json、states.json、theming.json。- トークンの生成/拡張：
- プリミティブ = 生の値（直接使用しない）。セマンティック = 目的のエイリアス。コンポーネント = コンポーネントスコープ。
- 新しいパレット：11段階のOKLCHシェードを生成。500番が白色上で4.5:1以上（テキスト）、600番が3:1以上（UI）であることを
a11y-auditスキル /scripts/contrast.pyを使って検証する。 - マルチブランド／密度 →
theming.json。
- 検証：
python3 scripts/validate_tokens.pyを実行（JSONの妥当性＋エイリアス解決）。
出力
DTCG JSON。すべてのトークンに$descriptionを保持する。参照（エイリアス）を使用し、ハードコードしない。