用途：在设计稿完成后、设计变更同步时或跨团队协作中进行设计交接，避免“设计师丢文件、前端边问边做、关键决策没传达”的问题。
主要能力：提出交接三要素——产物（Figma 文件、设计说明文档、Design Tokens）、上下文（设计意图、决策背景、已知约束）、验收标准（如何判断实现符合设计意图、必须实现的状态、不合格退回机制）。并提供完整交接清单，覆盖页面、组件（按 Atomic Design 分层，含默认/悬停/聚焦/禁用/加载/错误/空/权限等状态）、视觉、交互、响应式、可访问性、数据层面。
使用方式：按流程执行——设计完成并通过可用性评审后，按清单准备产物，撰写交接说明文档（含基本信息、页面清单、用户流程、组件清单、状态清单、Design Tokens、响应式、可访问性、交互动画、待确认问题、验收标准），列出待确认问题，与前端走一遍交接解释决策，前端按验收标准检查，不合格退回修复。Figma DevMode 方面：为前端提供开发者模式视图，可复制 CSS、距离、颜色，标注组件状态（Ready for Dev / In Progress）；建议每页打“Ready for Dev”标签、关键交互写注释、使用 Variables 而非硬编码颜色、使用 Auto Layout、组件命名清晰。
适用场景：设计稿交付前端、设计变更同步、跨团队设计交接。
限制：资料未提供该 skill 的具体安装方式、运行环境或依赖要求；配套模板路径为 templates/design-handoff-template.md。上下游协作：上游为所有设计 skills 完成后，下游转交前端工程师实现、转交 API 设计确认字段需求、转交 QA 作为测试输入。