Motion brief writer 是一个“动效设计简报撰写”技能,定位在“你写简报,Claude Code 照着构建”。当动态图形的想法还比较粗糙时,官方建议在任何其他同包技能之前先使用它。
用途 它的核心用途是将一个粗略的动画创意,转化为精确、可执行的构建简报,并且确保结果符合你自己的品牌。它不负责实际制作动画,只负责撰写构建提示词。
使用前的准备 开始之前需要阅读 brand.md 和 MOTION.md(如果它们存在)。如果不存在,应先运行 brand-intake,或者主动询问十六进制色值、字体和 logo 文件。资料明确指出:没有这些,就永远不能称某个结果“符合品牌”。
使用方式
- 用平实的语言说明你想做什么,并附上 logo、品牌截图或十六进制色值,以及你确切的用词与数字。
- 它会把缺失的信息一次性问完,每批问题不超过五个。
- 它返回两部分:一份不超过三句话的摘要,以及代码块中的一个构建提示词。
- 你把构建提示词粘贴到存放文件的文件夹里的 Claude Code 中执行。
构建提示词的具体要求 提示词中需包含:像素宽度 x 高度和总秒数;四个状态及其时间点——开始、变化、保持、返回,且最后一帧与第一帧一致;确切文字与数字,并标记为固定;颜色、字体与素材,素材文件由用户附上,因此命名时不带路径;一个自包含 HTML 文件,含 window.seek(seconds) 函数,以及一个减少动态(reduced-motion)设置,用于展示保持帧。
构建后的检查 构建完成后需要:捕获命名帧,检查是否存在重叠、文字被裁切和数字被改变的问题,修正真实存在的问题,并保留较早的版本。
权限约束 未经用户同意,不得安装、花费、发送或发布。可选导出方面:先检查存在哪些工具,然后说明真实的文件格式与尺寸;不要假设仅靠 HTML 就能变成 MP4。
提问策略 如果想法或关键细节缺失,只询问这些内容并等待。如果用户已经提供了全部信息,则立即产出两部分输出。
测试情况 资料给出的测试包括:一个虚构品牌(Fern & Co,藏青、赤陶与奶油色)带六个示例数字,成功写出简报,Claude Code 据此构建出 8 秒、1080 x 1350 的图表,它自行发现并修正了两个布局问题,且每个数字都与简报一致;一个模糊的面包店想法,它选择提出五个问题而不是凭空编造品牌;一个没有具体数字的“20% revenue growth”标题,它询问 20% 是结果、目标还是举例。
适用场景 适合在动效创意尚不清晰、需要先固化品牌素材与精确文字数字、再交由 Claude Code 实现的场景;也适合需要控制权限、避免擅自安装或发布的工作流。
限制 它只撰写简报,不自行构建动画。必须依赖品牌素材(brand.md、MOTION.md 或色值、字体、logo 文件),否则无法判定是否符合品牌。功能、收费、价格、平台、效果等未在资料中说明的细节,暂未提供。