用途
设计系统创建（Design System Creation）用于构建一套完整的设计系统，包含组件、模式与规范。设计系统是一组结构化的组件、指南与原则，用于确保一致性、加速开发并提升产品质量。
主要能力
该技能提供设计系统的结构定义与参考指南，具体包括：
- 基础层（Foundation Layer）：
- 字体排印：字体（Roboto、Inter）、字号（比例：12、14、16、20、28、36、48）、字重（Regular、Medium、Bold）、行高与字间距。
- 颜色：主品牌色（#2196F3）、辅助色、中性色板（灰阶）、语义色（成功、错误、警告）、深色模式变体。
- 间距：基础单位 4px，比例：4、8、12、16、24、32、48、64px，并在 UI 中一致应用。
- 阴影与层级：层级 0（扁平）、层级 1、2、4、8、16（深度递增），用于模态框、卡片、浮层。
- 参考指南（位于 references/ 目录）：
- 设计系统组件（Design System Components）
- 组件文档（Component Documentation）
- 设计系统治理（Design System Governance）
- 设计系统文档（Design System Documentation）
使用方式
资料提供了最小可运行示例，展示设计系统的结构定义方式（见上文基础层示例）。完整实现需参考 references/ 目录中的详细指南。
适用场景
- 多个产品界面或多个团队
- 扩展设计一致性
- 减少重复的组件开发
- 改善设计到开发的交接
- 在团队间建立共享语言
- 构建可复用组件
- 记录设计标准
最佳实践
建议做（DO）：
- 从核心组件开始
- 彻底记录每个组件
- 包含代码示例
- 跨浏览器测试组件
- 包含无障碍指引
- 对设计系统进行版本管理
- 有清晰的治理机制
- 主动沟通更新
- 收集用户反馈
- 增量维护
不建议做（DON'T）：
- 初期创建过多组件
- 跳过文档
- 忽视无障碍
- 在没有迁移路径的情况下做破坏性变更
- 允许不一致的实现
- 忽视用户反馈
- 让设计系统停滞
- 创建没有明确需求的组件
- 让组件过于规定性
- 忽视性能影响
限制
资料未提供具体的收费、价格、平台支持范围或量化效果数据，暂未提供。