技能:設計記號
依照專案的三層系統,產生並維護 DTCG ($type/$value) 記號。
步驟
- 讀取
.claude/rules/tokens-and-color.md→「記號系統」+「色彩規範」以及.claude/rules/typography-and-spacing.md中的規則 (4px 基數、大三度音階、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 色調;使用
a11y-audit技能 /scripts/contrast.py驗證 500 階在白色背景上 ≥ 4.5:1 (文字),600 階 ≥ 3:1 (UI)。 - 多品牌/密度 →
theming.json。
- 驗證:執行
python3 scripts/validate_tokens.py(檢查 JSON 有效性 + 別名解析)。
產出
DTCG JSON。每個記號都保留 $description。一律引用,絕不硬編碼。