用途：该技能用于在把交互式设计原型交给开发者落地实现时，生成一套完整的交接包，帮助使用 Claude Code 的开发者依据文档在真实代码库中重建界面。
主要能力：
- 在项目目录中创建以功能命名的交接文件夹；
- 生成结构化 README.md，包含概览、设计文件说明、保真度说明、屏幕/视图逐一描述、交互与行为、状态管理、设计令牌、资产与文件清单；
- 要求精确记录布局、颜色（含十六进制值）、字体、圆角、阴影及悬停/激活/焦点状态；
- 明确标注原型为 HTML 设计参考，而非可直接复制的生产代码；
- 将相关 HTML/CSS/JS 原型文件复制进交接文件夹，并通过下载工具打包成 zip 供用户获取。
使用方式：先创建交接文件夹，按其给定结构编写 README.md，再复制设计文件，最后调用下载工具提供压缩包；完成后可询问用户是否需要附带设计截图（默认不包含）。
适用场景：将高保真或低保真设计原型移交给开发团队、需要跨框架重建界面、或希望交接文档在没有参与对话的情况下也能独立指导实现。
限制：资料未提供具体支持的设计工具与文件格式范围、自动化程度及收费信息；README 需由使用者补充实际设计细节，保真度须明确标注；若使用 Anthropic 品牌资产，需沿用代码库既有品牌系统。