用途：按设计系统规范设计并构建新的可复用 UI 组件、控件或界面元素，输出完整组件规格。
主要能力：产出包含概览、结构剖析、属性表、状态矩阵、变体表、无障碍要求、深色模式说明与框架无关 DOM 结构的规格文档。设计规则包括：仅使用 --sds-* 语义令牌，禁止硬编码十六进制色值；间距遵循 8px 网格（内部紧凑可用 4px）；圆角为 6px（小/按钮）、8px（组件）、12px（卡片/外壳）；悬停背景统一为 warm-gray-050（#F4F1EB）；选中/激活态为 blue-100 背景加 blue-750 文字，禁止深底白字；焦点为 2px 实线 --sds-border-focus（blue-750）加 2px 偏移；布局过渡 cubic-bezier(0.4, 0, 0.2, 1) 0.3s，状态过渡 0.15s ease；图标为描边式，18×18px、1.5px 描边、圆头圆角。
使用方式：开始前先询问问题（问题、放置位置、内容、变体、是否已有可扩展的相似组件），并阅读设计系统组件目录（通常为 components/）中的既有组件以理解模式；参考 references/component-patterns.md 获取规格表格式、状态定义、过渡约定与图标规格；完整令牌定义见设计系统的颜色令牌（通常为 tokens/colors.css）。
适用场景：需要新增组件、控件或 UI 元素，并希望严格遵循既有设计系统与无障碍标准时。
限制：资料未提供安装命令、平台支持、收费与价格信息；具体令牌与目录路径取决于所用设计系统，需按实际项目确认。