用途：该技能用于创建和逐步演进设计系统，覆盖设计令牌、组件架构、无障碍规范与文档模板，目标是让界面保持视觉一致并提升用户体验。
主要能力：生成颜色、排版、间距、圆角、阴影等设计令牌（JSON，含 W3C 设计令牌格式模板）；按原子设计给出组件层级（原子、分子、组织、模板、页面）与 React 组件模板；提供主题与深色模式方案（CSS 变量、Tailwind 深色模式或 ThemeProvider）；给出 WCAG 2.1 AA 合规模式，包括颜色对比度、键盘导航、ARIA 与屏幕阅读器支持；提供组件文档标准与设计系统审计清单。
用法：直接用自然语言描述需求即可触发，例如“为我的应用创建设计系统”“为颜色和间距设置设计令牌”“用原子设计设计组件结构”“确保组件符合 WCAG 2.1”“实现支持深色模式的主题”。打包资源包括 references/component-examples.md、templates/design-tokens-template.json、templates/component-template.tsx、checklists/design-system-checklist.md。
工作流：设计阶段审计现有模式、定义令牌与组件清单；开发阶段搭建工具链（Storybook、TypeScript、测试）、先实现原子组件再向上组合并同步文档；采用阶段提供迁移指南与培训；维护阶段按语义化版本管理、制定弃用策略并跟踪采用情况。
适用场景：React 等前端项目需要统一视觉语言、跨团队共享组件、建立主题与深色模式、满足无障碍要求时。
限制：资料未提供该技能的具体平台约束、收费或价格信息、性能效果数据与完整安装步骤；相关事实暂未提供。实现时需自行结合项目技术栈与设计工具。