design-system

用途：管理与维护设计系统，提供审计、文档化和扩展三类操作。用法为在支持该技能的环境输入命令：/design-system audit 执行全系统审计，/design-system document [component] 为指定组件编写文档，/design-system extend [pattern] 设计新组件或模式。资料提到可连接设计工具与知识库：连接设计工具后可直接在 Figma 审计命名、变体与令牌使用，并提取组件属性与图层结构；连接知识库后可检索已有组件文档与指南，并将更新后的文档发布到 wiki。 主要能力：审计输出摘要、命名一致性表、令牌覆盖表（颜色、间距、排版及硬编码值实例）、组件完整性表（状态、变体、文档、评分）与优先行动项；文档输出描述、变体、属性、状态、可访问性（角色、键盘、屏幕阅读器）、Do/Don't 与代码示例；扩展输出问题、现有模式对比、提议设计（API/Props、变体、状态、使用令牌）、可访问性与待决问题。设计系统本身包含设计令牌（颜色、排版、间距、边框、阴影、动效）、组件（变体、状态、尺寸、行为、可访问性）与模式（表单、导航、数据展示、反馈）。原则包括一致性优先、约束内的灵活性、全部文档化、版本与迁移。 限制：未提供具体框架、实现细节、收费或平台支持信息；命令中的中括号占位符需替换为实际组件或模式名；连接器相关能力依赖外部工具是否可用。