01 功能说明
一份单组件契约，涵盖结构、API、变体、交互状态、无障碍和使用方式。
Component Spec 定义单个设计系统组件。它围绕结构、变体、API 属性、交互状态、响应式行为、无障碍和使用方式来组织交接内容，并明确区分必需部分和可选部分。
其目的是帮助设计师和开发者达成共识。按钮的加载行为或对话框的焦点返回机制无法通过静态截图体现。因此，来源要求提供示例和边界情况，同时将更广泛的文档模板和多组件模式排除在此任务之外。
预期交付物
定义其用途、适用场景，以及必需部分与可选部分。
命名属性和变体，然后说明默认、聚焦、禁用、加载及相关错误行为。
通过可供实现检查的示例，记录键盘、焦点、响应式和边界情况行为。
02 适用场景
请提供组件用途、视觉变体和目标平台。产出是用于实现和测试的规范，而不是已经实现的组件。
03 关键决策
状态和转换会成为交接内容的一部分，而不再依赖开发者猜测。
属性名称和结构标签将设计决策与实现联系起来。
04 示例任务
以下示例简报尚未经过测试。使用前请检查该技能的设置说明。
从 designer-skills 仓库将此任务的 SKILL.md 加载到代理支持的技能位置。入口文件并未规定通用的安装命令。
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/component-spec/SKILL.md请提供组件用途、视觉变体和目标平台。产出是用于实现和测试的规范，而不是已经实现的组件。
运行该技能之前，请调整此简报的范围、来源材料和约束条件。
使用 component-spec 为我们的异步提交按钮编写文档。指定其结构、尺寸、属性、焦点、加载、禁用和错误行为。说明重复点击和键盘激活的处理方式，并说明应改用链接的情形。不得声称该组件已实现。根据以下可观察的标准检查实际产出。
OpenDesign 为编码代理提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页描述的是下方所链接的固定来源版本。上游行为和要求可能发生变化。
9a6930cf84a8一份单组件契约，涵盖结构、API、变体、交互状态、无障碍和使用方式。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数是带有时间属性的受欢迎程度信号，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/Owl-Listener/designer-skills/blob/9a6930cf84a822eb458624bd11c61aac5bbdf224/design-systems/skills/component-spec/SKILL.md