设计交接别只给截图的Skill

从设计稿生成开发交接规范。

design-handoff 是一份把设计整理成开发交接说明的 Skill。工程师不只需要一张截图,还要知道布局、组件状态、交互和内容边界该怎样实现。

文档把尺寸与设计令牌、组件变体、响应式行为、加载错误和空状态一起写清。令牌表达样式约定,数值帮助核对实际用量,两者应能对应,而不是凭截图猜一个数字。

长文字、缺失数据、慢连接、键盘焦点和阅读器也属于交接范围。断点和动画时长来自设计与项目约束,不能把主文模板里的示例值当成已批准规格。

连接设计工具才可能拉取精确资料,没连接时用所给描述或截图并标出未知。本文未读可选连接说明或访问 Figma;适合先汇总已确定信息和待确认缺口,不为了“写完整”替设计者决定不存在的规则。

分类:设计创作

来源仓库:anthropics/knowledge-work-plugins

适合用来做什么

  • 从这份设计稿生成开发移交规范。
  • 列出所有组件的属性和交互状态。

安装 design-handoff

npx skills add https://www.iskills.cc/skills/anthropics/knowledge-work-plugins/design-handoff/SKILL.md

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

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

查看 design-handoff 的用途与原始说明

浏览全部 Skill 指南