交付组件用这Skill写行为规格

帮你编写组件的设计规范文档。

component-spec 是把一个库组件说明成可实现规格的 Skill。它写清组成、参数、变体、状态和使用规则,让设计与开发共享同一行为约定。

一张按钮图看不出加载时是否允许再点,禁用时能否获得焦点,以及错误发生以后怎么恢复。参数的默认值与必填条件也要和这些状态一致,避免文档各处互相矛盾。

提供组件目的、设计和交互条件,它能组织规格及示例。鼠标、触摸与键盘不能只列名字,要说明真实动作与反馈;ARIA 标签也不能代替正确语义和实际测试。规格覆盖多个状态不等于实现已经覆盖,后续验收仍要逐项对应。

分类:设计创作

来源仓库:owl-listener/designer-skills

适合用来做什么

  • 定义一个Button组件的规格,包括属性和状态。
  • 请列出Card组件的可访问性规则和使用规范。

安装 component-spec

npx skills add https://www.iskills.cc/skills/owl-listener/designer-skills/component-spec/SKILL.md

在本机终端执行安装命令。安装前请阅读原始说明,确认所需工具、账号和权限。

查看安装步骤 · 查看常见问题

查看 component-spec 的用途与原始说明

浏览全部 Skill 指南