SuperAPI AI 工具集

handoff-spec

通用与其它

查看项目

更新于 10-15 22:37

技能介绍

用途:handoff-spec 是一个面向设计到开发交接的技能,目标是产出清晰、完整的开发者交接文档,让开发者能够准确实现设计。

主要能力:文档内容覆盖多个方面。视觉规格包括间距与尺寸(精确像素值或 token 引用)、颜色值(使用 token 名称而非十六进制)、排版(样式名、字号、字重、行高)、圆角、阴影、透明度,以及响应式断点行为。交互规格包括状态定义(默认、悬停、聚焦、激活、禁用)、过渡与动画(时长、缓动、属性)、手势行为(滑动、拖拽、捏合)和键盘交互(Tab 顺序、快捷键)。内容规格包括字符限制与截断行为、动态内容规则(变化内容、最小/最大值)、本地化考虑(文本扩展、RTL),以及空、加载和错误状态内容。资源交付包括图标(SVG,按约定命名)、图片(分辨率、格式、响应式变体)、字体(文件或服务链接)以及自定义插画或图形。边界情况包括内容的最小与最大场景、各断点下的响应式行为、浏览器/设备特定考虑,以及无障碍要求(ARIA、键盘、屏幕阅读器)。实现说明包括组件复用建议、数据结构假设、API 依赖和性能考虑。

使用方式:资料未提供具体安装命令或调用步骤,暂未提供。

最佳实践:使用设计 token 而非原始值;标注行为而不只是外观;包含所有状态而非仅正常路径;为复杂布局提供标注;与开发者一起走查交接文档。

适用场景:设计与开发协作中的设计交付环节,尤其适合需要精确还原设计、覆盖多状态与响应式行为的界面实现。

限制:资料未说明支持的平台、收费方式或具体集成方式,暂未提供。