用途：从单一 OKLCH 品牌色相（--brand-hue）推导出完整、协调的颜色令牌系统，用于前端主题与设计系统。
主要能力：以同一色相派生 primary、primary-hover、secondary、muted、border、background、foreground 等语义色；明暗模式通过亮度翻转实现，而非重新选色；色度保持克制，避免彩虹式配色。
使用方式：检测项目使用 Tailwind v4 还是 v3。v4（CSS 中 @import "tailwindcss" / @theme，无 tailwind.config.js 颜色）输出 @theme 块；v3（存在 tailwind.config.{js,ts}）输出 CSS 变量并在 theme.extend.colors 中引用。示例：--brand-hue: 265 时，primary 为 oklch(0.55 0.18 265)，primary-hover 为 oklch(0.48 0.18 265)，secondary 为 oklch(0.55 0.07 265)，muted 为 oklch(0.55 0.02 265)，border 为 oklch(0.90 0.01 265)，background 为 oklch(0.99 0.005 265)，foreground 为 oklch(0.20 0.02 265)。暗色模式将 background 翻转为 oklch(0.16 0.02 var(--brand-hue))，foreground 为 oklch(0.95 0.01 var(--brand-hue))，border 为 oklch(0.30 0.02 var(--brand-hue))。仅修改 --brand-hue 即可整体换肤。
持久化：生成后写入宿主项目的 .claude/design/design-system.md（目录不存在则创建），填写 Brand、Type、Spacing 等部分并标记 Source: generated；文件已存在时合并而非覆盖，避免每次会话重新推导。
适用场景：需要统一主题、支持明暗模式、并希望以单一色相快速换肤的前端项目。
限制：本技能只负责生成令牌，令牌的使用由 theme-consistency.md 规则约束；具体文件契约见 design-system-persistence.md。资料未提供安装命令、收费、平台支持范围及效果保证等信息。