Communitygithub.com

motion-piece — 代码绘图+必要素材,零成本生成动态图形视频

用代码绘制动态图形视频——SaaS产品发布、功能解说、UI动效演示、标题片头、片尾卡片、HUD与文字叠加——以Claude Motion影片的形式呈现(可拖动、可评论、可导出MP4),仅在需要真实镜头时混入Higgsfield素材,图形部分耗用零积分,任何细节均可随时修改。

motion-piece — 代码绘图+必要素材,零成本生成动态图形视频 是什么?

motion-piece 是一个AI代理技能,专为开发者和创作者设计,通过代码驱动的方式生成高质量动态图形视频,适用于SaaS产品发布、功能解说、UI演示、片头片尾及HUD叠加等场景。其核心优势在于“图形零成本”——所有动态图形由代码实时生成,不消耗AI视频生成积分,且任何细节(颜色、字体、排版、动画节奏)均可基于代码快速修改,无需重新渲染整段视频。仅在需要真人出镜或真实物体镜头时才混合少量素材,极大降低制作成本与迭代时间。技能支持Claude Motion平台,遵循模块化工作流:先通过用户调研获取品牌信息与偏好,然后制定4-7个节拍计划,再以Motion Artifact形式构建影片(包含风格/颜色/时长设定、素材上传、背景音乐同步),最后提供导出、审查与迭代机制。技能强调从用户已有风格和品牌文件中汲取设计,避免生成同质化的“Claude标准风格”,并推荐使用开源特效库(如p5.brush、tsParticles、gl-transitions)以保持创作独特性。对于需要配音、直播或长于60秒的影片,提示将Motion导出后在其他工具中组装。

兼容平台✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/SwapnilDawar2004/ai-video-skills/tree/HEAD/skills/motion-piece

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

motion-piece — 图形用代码,素材只在必要时动用

Claude Motion 教程的核心教训:生成的片段 + 可编辑的代码图形 意味着你只需重新生成损坏的镜头,而不是整个视频。代码图形消耗 0 积分,且秒改秒用。AI 初创公司最常要求的是 SaaS 和产品发布视频。

比较容易奏效的方式(根据用户口味调整)

  • “动态图形”通常指的是 动感文字 + UI + 持续的运动,而不是抽象的粒子。
  • 角色和故事往往比单纯的文字更有吸引力。对于发布视频,如果题材合适,不妨加入一个微小的人物瞬间。
  • 屏幕上文字尽量少,每个词都做得大、短、清晰。
  • 只使用真实产品的词(例如,对于笔记应用:“快速捕捉”、“搜索”、“共享笔记本”、“离线同步”)。切勿编造功能。
  • 规划前先阅读 ~/.claude/skills/taste/taste.md。

不要做成 Claude 默认模样

代码生成的动态视频正在变得千篇一律:从线条中升起的遮罩文字、柔和发光球体、弹性弹入、玻璃卡片、渐变文字、相同的缓动效果。如果一个画面可能来自任何人的 Claude 视频,那就改掉它。动手之前:

  • 从用户的作品出发,而不是默认模板。 从 style.md、品牌文件和用户自己过去的影片中提取风格(riso 颗粒感、笔触涂抹、16mm 画框、高清像素艺术、剪纸拼贴,无论他们做过什么)。在发明新效果之前,先复用他们自己的效果。
  • 音乐优先。 从 sound-pass 获取配乐(优先使用用户自己的音乐),然后将每一个大动作与它的节拍对齐(beats.json)。音乐决定节奏,而不是代码。
  • 为这部影片选定 1–2 个招牌动作,其他一概不用;除非品牌需要,否则禁止使用上述默认动作。
  • 使用开源特效:笔触(p5.brush)、粒子(tsParticles)、着色器转场(gl-transitions / xfade-easing)、文字动画(moving-letters)。只有在拥有明确许可证(MIT/Apache/CC0)并且阅读过代码后才能使用;绝不盲目运行下载的代码;在许可证要求的地方注明原作者。

第 0 步 — 始终先问用户

规划前,运行 ~/.claude/skills/taste/intake.md 中的调研流程:品牌、字体、颜色、参考素材、偏好、音乐、特效。每个问题都可以回答“跳过”。

第 1 步 — 规划节拍

确定时长(默认 15–30 秒)、宽高比(16:9;短视频/Shorts 用 9:16;信息流用 1:1)以及 4–7 个节拍:钩子 → 这是什么 → 如何工作(2–3 个产品时刻)→ 证明或收尾 → Logo/CTA。每个节拍说明哪些部分是 代码(文字、UI、计数器、图表、转场、Logo),哪些(如果有的话)是 素材(人物、真实场景、实物产品镜头)。

默认全部用代码。只有当某个节拍需要真人或实物的瞬间时才添加素材。素材片段来自工厂(asset-sheet → kling-prompt),静音,每条 3–5 秒。

以一张简短卡片向用户展示规划结果(“制作” / “修改”),同时告知影片的积分成本(如果全部是代码则为 0)。

第 2 步 — 构建成 Claude Motion 影片

  • 从 Motion 制品类型创建一个 Motion 制品(使用 Artifact 工具的 quickstart 或类型列表找到它),使用真实的 title(影片名称)和 auto_open: "after_first_write"。然后 遵循创建结果携带的说明——这些说明是权威指南,告诉您如何填充一部 Motion 影片(它的存储文档、场景模块、素材、配乐),以及拒绝什么(现有歌曲、其他公司的 Logo 或专有设计、已知角色)。
  • Motion 的第一步会询问风格/颜色/时长。如果第 0 步的调研已经回答过,使用这些答案;否则让 Motion 类型自行提问。
  • 品牌:当用户拥有或为该公司工作,或者持有其品牌工具包时,使用公司真实的颜色、字体和 Logo。
  • 素材:将每个片段作为视频资源上传到影片(mp4,小尺寸——480p/720p 对于静音插入片段已经足够)。片段静音播放;影片的配乐由代码作曲生成。

第 3 步 — 审阅

Motion 影片拥有独立的页面,支持拖动播放和评论。为了让用户做决定,仅在类型工具允许时导出或录制完成的影片为 MP4;否则发送影片链接(“观看后决定”)并附带 交付 / 修改 选项。可以在审阅页面展示(参见 ~/.claude/skills/taste/desk.md)。修改意见以单行理由或影片时间线上的评论形式返回;只修正被指出的部分。

当 Motion 不是合适工具时

  • 需要画外音、口型同步或真人对话音频 → 在 Motion 中构建图形,导出后在 rough-cut 中与 VO 组装(或使用简单的代码管线:index.html + render.mjs → MP4)。
  • 需要长度超过约 60 秒,或在 Premiere 中进一步剪辑 → 从 Motion 导出 MP4 并在 Premiere 中剪辑;如果需要透明的图层覆盖 → 从代码管线导出透明 ProRes。
  • 教程中展示了导出到 After Effects 和 Blender 的功能;这不是 Motion 此处已确认的功能——不要承诺。

修订

锁定已生效的部分,只改动用户指明的内容。 保留现有规划/文件,仅编辑被点名的部分(例如“颗粒感更强”、“所有画面统一风格”、“文字弹跳更明显”、“节奏更紧凑”),添加用户提供的新参考,然后重新渲染。永远不要因为一条点评而从头重建。

绝对不要

  • 绝对不要使用其他公司的 Logo、UI 或专有设计,除非用户在那里工作或持有该公司的品牌工具包。
  • 绝对不要使用真实歌曲作为配乐。
  • 绝对不要在素材内部放置 AI 生成的文字——所有文字都必须是代码绘制的。

相关技能