用途：构建和维护可扩展的设计系统，采用令牌优先架构，覆盖从原始设计令牌到语义映射再到主题化组件库的完整流程，并涉及 Tailwind CSS v4、CSS 自定义属性与响应式设计。
主要能力：分四个阶段。阶段一令牌基础：审计现有设计资产，定义原始令牌、语义令牌层、组件令牌层，并在构建组件前向用户展示令牌层级供审阅。阶段二令牌实现：给出原始、语义、组件三层令牌的命名约定与示例，并说明不同场景（新项目、加暗色模式、更新品牌色、新增组件、Tailwind @theme 项目）需要哪些层。阶段三组件架构：识别原子、分子、组织、模板组件，使用 CVA 或 Tailwind Variants 定义变体，并采用复合组件、插槽、render props、forward refs 等组合模式。阶段四主题与响应式：通过令牌切换实现明暗主题，定义断点系统与容器查询，构建响应式组件变体并跨视口测试。
使用方式：按阶段推进，每个阶段设有 STOP 检查点，需先向用户展示令牌层级或组件清单再继续。Tailwind v4 使用 CSS 配置，通过 @import "tailwindcss" 与 @theme 定义颜色、字体、断点；明暗主题可用 prefers-color-scheme 或 data-theme 属性覆盖。响应式采用移动优先断点，组件级响应优先使用容器查询。
适用场景：新建或维护设计系统、组件库、主题系统，以及 Tailwind CSS v4 配置与响应式模式。
限制：技能类型为 FLEXIBLE，令牌命名、组件结构与主题方式可适配项目既有约定，三层令牌层级为强烈推荐，小项目可简化。资料未提供具体安装命令、收费或价格信息。