用途:协助 UX 设计师从需求(PBI)生成设计规格、编写组件文档、执行无障碍审计,并准备面向开发的交付材料。
主要能力:一是设计规格生成,从需求提取组件清单、映射设计令牌、定义响应式断点;二是组件文档,记录状态与变体、交互行为、无障碍要求并映射 BEM 类名;三是无障碍审计,按 WCAG 2.1 AA 清单核对对比度、键盘导航与屏幕阅读器兼容性;四是设计交付,输出开发可用的规格、资源需求、动画说明与设计源文件链接。
使用方式:在 Codex 中以 $skill-name 调用仓库技能;从 PBI 生成规格时使用 $design-spec {pbi-file},读取 PBI 与验收标准后生成组件规格并保存到 team-artifacts/design-specs/。执行前需先建立任务跟踪,逐步执行并报告证据;若某步骤或工具在当前环境无法运行,应停止并询问用户。
关键规则:组件必须映射 BEM 类名;只使用设计令牌,不写硬编码值;文档需覆盖 default、hover、active、focus、disabled、error、loading 七种状态。
限制:资料未提供具体收费、价格、平台支持范围与效果数据;部分内容为 Codex 兼容性说明与项目内部协议,实际可用性取决于所在项目是否提供 docs/project-config.json 与 docs/project-reference/ 等文档。