用途:在从零创建或重构、演进应用设计系统时提供系统化指导,帮助团队统一视觉语言、提升开发效率并保证无障碍合规。
主要能力:覆盖设计令牌(颜色、排版、间距、圆角、阴影)、组件架构(原子设计:原子/分子/组织/模板/页面)、组件 API 设计(可预测属性名、合理默认值、组合优于配置、多态组件)、主题与暗色模式(CSS 变量、Tailwind、Styled Components 三种方案)、无障碍(WCAG 2.1 AA 对比度、键盘导航、ARIA、屏幕阅读器支持)以及文档标准与设计系统工作流(设计、开发、采用、维护四阶段)。
附带资源:references/component-examples.md(完整组件实现)、templates/design-tokens-template.json(W3C 设计令牌格式)、templates/component-template.tsx(React 组件模板)、checklists/design-system-checklist.md(审计清单)。
适用场景:新建设计系统、重构既有系统、制定令牌标准、定义组件架构、编写设计文档、实现主题与暗色模式、确保无障碍合规。
限制:资料未提供具体安装命令、依赖版本、收费或价格信息,也未说明支持的框架范围与运行环境,这些内容暂未提供。