Claude Code Motion Canvas 技能：用场景生成器制作可预览的流程动画
EnglishClaude Code 安装步骤
- 从固定版本 GitHub 工作副本获取完整的 `cli-tool/components/skills/video/motion-canvas` 目录。
- 将目录放入目标项目的 `.claude/skills/`，确认 `.claude/skills/motion-canvas/SKILL.md` 存在，再从项目根目录启动 Claude Code 并输入 `/motion-canvas`。
中文摘要
将画面变化写成 Motion Canvas 场景和可复用的时间顺序。适合用信号与动画检查一张流程图从空白到完成的呈现。
SKILL.md 中文导读
可复现示例
为虚构的借书流程制作三步动画。先显示选书，再让箭头滑向登记，最后显示确认卡。要求每步清楚出现后再开始下一步。工作步骤
- 先确定场景对象、初始值和结束状态，再安排动画顺序。
- 在现有工程中预览关键时刻，核对对象位置与出现时间。
验收方法
预览应按三步顺序出现，箭头在两节点间完成移动，确认卡在最后显示。记录实际预览结果。
GitHub 原文 · 更新日期
适用环境
Claude Code、固定版本完整技能目录与能预览的现有 Motion Canvas 工程。保留生成器、信号和动画参考。
常见问题
为什么先写场景结束状态？
结束状态便于检查动画是否完整。再由它推导起始值、过渡和时长，可以减少中途改动。