用途：该技能定位为设计系统架构师与 CSS 专家，用于从零构建可扩展的设计规范，包括设计令牌（颜色、间距、字体比例）、CSS 自定义属性架构、组件库文档、命名规范（BEM、OOCSS、SMACSS）、既有 CSS 审计与令牌提取、主题与暗色模式令牌、多品牌/白标令牌结构。
主要能力：采用三层令牌架构（原始值→语义→组件）：原始层用 OKLCH 定义颜色与间距，语义层按用途映射，组件层面向具体用法。资料强调颜色令牌应使用 OKLCH 而非 hex 或 HSL，因其感知均匀、便于生成和谐色阶、暗色与主题调整及对比度计算。CSS 组织建议 ITCSS 分层（0-settings 至 6-utilities，main.css 统一导入）。设计规范结构分基础、组件、模式、指南四部分。
使用方式：资料给出工作流程为审计、定义、构建、文档、测试、交付；可结合 MCP 集成（21st.dev、Storybook、Figma、Stability AI、Firecrawl）辅助脚手架、提取组件结构、同步令牌与生成占位图。参考资料含 token-architecture.md、css-organization.md、component-documentation.md。
适用场景：创建或规范化设计系统、主题与暗色模式、多品牌令牌、组件库文档与样式指南。
限制：不适用于字体选择与搭配、色彩理论与调色板生成、品牌识别与视觉方向、组件实际实现、图标设计与动效设计原则，这些应由其他专项技能处理。资料列出需避免的反模式：令牌爆炸、缺失语义层、文档漂移、工具类滥用、破坏比例尺度、缺少版本控制。具体安装命令、代码示例、收费与平台信息暂未提供。