用途:创建或更新主题系统,建立规范的设计令牌(design tokens)。参数提示为 "[selected-direction]",通常在 /design-catalog 选定方向后、/design-audit 修复设计债务后,或从零建立设计系统时使用。
主要能力:定义令牌架构,包括颜色(OKLCH 以保证感知均匀)、字体与模块化字号、间距、阴影、圆角;更新 app/globals.css 等文件,移除 tailwind.config.ts 改用 CSS-first 方式,将硬编码值迁移为令牌,并更新组件以使用 var(--color-)、var(--spacing-) 等,同时确保深色模式支持。令牌命名约定为 --category-variant-state,例如 --color-primary-hover、--text-heading-1。
使用方式:工作流为三步——Claude 定义方向(从目录选择)、Kimi 实现令牌(CSS/Tailwind 工作)、Claude 验证质量。资料明确要求主题实现必须通过 MCP 委派给 Kimi K2.5,示例调用为 mcp__kimi__spawn_agent({ prompt: ..., thinking: true })。验证阶段运行 /check-quality(类型检查、lint、测试)与 /rams(无障碍评分),并创建或更新设计系统文档。完成后提交:git add -A && git commit -m "feat: implement design system tokens"。
适用场景:需要建立或统一设计系统、修复设计债务、迁移到 Tailwind 4 CSS-first 令牌架构的前端项目。
限制:资料未提供该技能的安装方式、依赖版本、收费信息、支持平台及具体效果数据;其实现强依赖 Kimi K2.5 与 MCP 环境。