Claude Code Motion Canvas Skill for Generator-Based Flow Animations
Organize a Motion Canvas scene around objects, signals, and ordered transitions. Preview how a process diagram builds from an empty scene.
中文Install in Claude Code
Use Claude Code with the complete pinned skill and an existing Motion Canvas preview setup. Keep the generator, signal, and animation references.
- Get the complete `cli-tool/components/skills/video/motion-canvas` directory from the pinned GitHub checkout.
- Copy it under the target project's `.claude/skills/`. Confirm `.claude/skills/motion-canvas/SKILL.md`, open Claude Code at the project root, and call `/motion-canvas`.
Example task
Animate three fictional library steps. Show selection, move an arrow to checkout, then reveal a confirmation card. Let each action complete before starting the next.What to check
Expect all three actions in order. The arrow reaches the next node before the confirmation appears. Record the actual preview result.
Original SKILL.md on GitHub · Updated
Frequently asked question
Why define the scene's ending first?
A known final state gives you something to verify. It also helps derive starting values, transitions, and timing.