Complete production-ready guide for Motion Canvas with ESM/CommonJS workarounds, full setup templates, and troubleshooting for programmatic video creation using TypeScript
Install
npx skills add davila7/claude-code-templates --skill motion-canvasnpx skills add davila7/claude-code-templates --skill motion-canvas -a claude-code -gnpx skills add davila7/claude-code-templates --skill motion-canvas -a codex -ggemini skills install https://github.com/davila7/claude-code-templates.git --path cli-tool/components/skills/video/motion-canvasgh skill install davila7/claude-code-templates motion-canvasgit clone --depth 1 https://github.com/davila7/claude-code-templates /tmp/davila7__claude-code-templates
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/video/motion-canvas ~/.claude/skills/motion-canvas # Claude Code
cp -R /tmp/davila7__claude-code-templates/cli-tool/components/skills/video/motion-canvas ~/.agents/skills/motion-canvas # Codex, Cursor, Gemini CLI, Copilot, OpenCode