用途：该技能提供设计系统相关的原则与规范参考，帮助统一产品的视觉语言、组件复用与可访问性。
主要能力： 一、设计系统原则与结构：一致性、可扩展性、效率、可访问性、可维护性与文档化；结构分为基础（颜色、字体、间距、图标、阴影）、组件、模式、模板、指南、资源。 二、组件库与组件设计：列举 Material Design、Ant Design、Tailwind CSS、shadcn/ui、Chakra UI、MUI；组件原则含单一职责、可组合、行为可预期、符合 WCAG AA、响应式与有文档；状态含默认、悬停、聚焦、激活、禁用、加载、错误。 三、字体排印：字体族、字重、字号、行高（1.4–1.6）、字距、对齐；模块化比例（1.25/1.33/1.618）、响应式字体、CSS clamp()、支持 200% 文字缩放；层级 H1–H6、Body、Caption、Overline。 四、色彩：主色、辅色、中性色、语义色、色阶、对比度（正文 4.5:1）；HSL/RGB/HEX、设计令牌、深色模式；60-30-10 规则、控制调色板数量、语义一致、色盲友好。 五、间距：4px 基准网格与 4/8/16/24/32/48/64 阶梯，一致应用、响应式间距、留白；类型含 padding、margin、gap、inset。 六、图标与插画：统一风格（线框、填充、双色）、标准尺寸（16/24/32/48px）、图标库（Material Icons、Lucide、Heroicons）、aria-label/aria-hidden；插画需风格统一、用品牌色、服务于内容。 七、设计令牌：命名规范（如 color-primary-500）、按类别组织、语义别名、多平台支持、文档化；类型含颜色、间距、字体排印、圆角、阴影、动画。 八、文档：结构为概览、基础、组件、模式、指南、资源；最佳实践含实时示例、代码片段、正误对照、可访问性说明、变更日志与语义化版本。
使用方式：资料未提供具体安装命令、代码调用或工作流步骤，暂未提供。
适用场景：制定或维护产品设计系统、统一多端视觉规范、搭建组件库与令牌体系、编写设计系统文档。
限制：资料未提供费用、平台支持、实际效果或具体采用步骤，暂未提供。