# claude-motion-design

Solves: Beat-synced motion design videos written as code, with no editing app or license

A Claude Code skill that makes motion design videos in code with HTML, Playwright and ffmpeg: frames are rendered one by one with motion blur, cut to the beat of the music, with sound effects placed on their peaks. Includes a remake mode for frame-locked copies of a reference launch video.

* Page: https://agentcut.dev/tools/claude-motion-design-howseen/
* Source: https://github.com/howseen-ai/claude-motion-design
* Works with: Programmatic video, FFmpeg
* Type: Agent skill
* Setup difficulty: medium
* Supported versions: Claude Code; Python with Playwright, Chromium and ffmpeg
* Price: free
* License: MIT
* GitHub stars: 586
* Last updated: 2026-10-04
* Checked: 2026-10-19

Setup steps:

1. Copy skill/motion-design into ~/.claude/skills.
2. Install the Python deps: pip install playwright imageio-ffmpeg numpy pillow, then python -m playwright install chromium.
3. In Claude Code, ask for a video or type /motion-design.

Safety notes:

* Downloads free music, sound effects and stock from sources like Mixkit, Pexels and Unsplash; each keeps its own license.
* Runs locally; no API key needed for core features.

More Programmatic video tools: https://agentcut.dev/programmatic-video/

---
AgentCut: https://agentcut.dev/ · All tools as JSON: https://agentcut.dev/tools.json · Overview for agents: https://agentcut.dev/llms.txt