用途：帮助建立一致、可维护、可扩展的 Web 与移动端 UI 基础，覆盖设计令牌、主题基础设施与组件架构。
主要能力：1）设计令牌：原始令牌（颜色、尺寸、字体）、语义令牌（text-primary、surface-elevated）、组件令牌（button-bg、card-border），以及命名规范、组织方式与多平台生成（CSS、iOS、Android）。2）主题基础设施：CSS 自定义属性架构、React 主题上下文、动态切换、系统偏好检测（prefers-color-scheme）、持久化存储、减少动效与高对比度模式。3）组件架构：复合组件、多态组件（as prop）、变体与尺寸系统、插槽组合、无头 UI、样式属性与响应式变体。4）令牌流水线：Figma 到代码同步、Style Dictionary 配置、令牌转换与格式化、CI/CD 集成。
使用方式：资料给出以 CSS 自定义属性定义令牌的示例，区分原始与语义令牌，语义令牌引用原始令牌；更详细的模式文档位于 references/details.md。
适用场景：创建设计令牌、实现明暗主题切换、构建多品牌主题、设计组件库 API、建立 Figma 令牌到代码的工作流、创建语义令牌层级、编写设计系统文档与指南。
限制与常见问题：令牌泛滥、命名不一致、缺少暗色模式、硬编码值、循环引用、平台覆盖缺口。资料未提供具体安装命令、收费或价格信息。