SuperAPI AI 工具集

design-handoff

设计与创作

查看项目

更新于 10-15 16:50

技能介绍

用途:从设计稿生成供开发者使用的交接规格文档,在设计准备进入工程实现时使用,作为功能/界面的规格说明。\n\n主要能力:可整理视觉规格(精确内边距、外边距、宽度,颜色/字体/间距等设计令牌引用,响应式断点与行为,组件变体与状态)、交互规格(点击/轻触行为、悬停态、过渡与动画的时长与缓动、手势支持如滑动/捏合/长按)、内容规格(字符限制、截断行为、空状态、加载态、错误态)、边界情况(最少/最多内容、国际化长文本、慢连接、数据缺失)、无障碍(焦点顺序、ARIA 标签与角色、键盘交互、屏幕阅读器播报)。若提供 Figma 链接,会从 Figma 拉取设计;否则依据提供的描述或截图进行。连接器可用时,可从 Figma 拉取精确测量、令牌与组件规格并导出资源,也可将交接文档关联到任务追踪器的实现工单并拆分任务。\n\n用法:命令为 /design-handoff $ARGUMENTS,为目标 @$1 生成交接规格。返回内容按 Overview、Layout、Design Tokens Used、Components、States and Interactions、Responsive Behavior、Edge Cases、Animation / Motion、Accessibility Notes 等分段组织。\n\n原则:不假设,凡未指定则开发者只能猜测;应使用令牌而非具体数值(引用 spacing-md 而非 16px);展示所有状态(默认、悬停、激活、禁用、加载、错误、空);说明原因以帮助开发者做判断。\n\n限制:资料未提供具体支持的工具清单、收费、价格、平台与效果说明。命令与输出结构需按原样保留,不修改代码内容。