SuperAPI AI 工具集

design-handoff-reader

设计与创作

查看项目

更新于 10-15 21:35

技能介绍

用途:该技能面向 Claude Design 导出到 Claude Code 的交接包,帮助在约 5 分钟内了解交接状态,并产出可粘贴给 Claude Code 的简短指令。

主要能力:以 README 为 source of truth 优先解析,随后对包内其他文件做尽力而为(best-effort)分析,不强制要求固定 5 个文件存在。针对设计令牌、组件、布局、chat 上下文、资源等概念,接受多种文件名变体;缺失时从 CSS/HTML 代码推断,并生成摘要报告与一行交接指令。支持两种入口:ZIP 归档与目录,或粘贴提示词加包 URL。

使用方式:将交接包以 ./handoff-bundle.zip 或 ./handoff-bundle/ 形式提供,或提供导出时给出的包 URL;ZIP 可用 unzip 解压后分析。分析输出包括一览表、令牌摘要、组件树、设计决策、未决问题、实现优先级与 Claude Code 指令。

适用场景:把 Claude Design 画布中的设计交接给 Claude Code 落地为生产代码前的准备与理解;也可用于需要先梳理设计令牌与组件映射的情况。

限制与注意:官方仅确认交接包由设计文件、chat 与 README 三要素组成,具体文件名(如 design-tokens.json、tokens.json、components.json、layout-hierarchy.json、chat-history.md)属于推断,并非官方规范,因此采用宽松匹配。未知包版本不会直接拒绝,而是尽力解析并给出警告。该技能不替代交接流程,分析后仍需把包交给 Claude Code;不要随意改动设计令牌或曲解聊天记录中的决策。Canva 营销后续路径需在 Claude Design 画布中直接导出,相关细节暂未提供。