howseen-ai/claude-motion-design

What is it?

Key features

• 01Renders every frame from a seek(t) function, so output is repeatable.
• 02Uses Playwright screenshots and ffmpeg encoding with subframe motion blur.
• 03Aligns scene cuts and sound effects to a detected beat map and audio peaks.
• 04Includes a frame-locked remake mode for reproducing an existing video.
• 05Provides scripts to fetch free music, SFX, logos and fonts.

Use cases

• Producing product launch or announcement videos without a video editor.
• Generating beat-synced social media loops from HTML scenes.
• Iterating on a video through code changes instead of timeline editing.
• Recreating a reference motion piece for a different brand.

Quick start

1. 1

   Copy the skill into Claude Code

   mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/
2. 2

   Install Python dependencies and Chromium

   pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium
3. 3

   In Claude Code, ask for a video or type /motion-design

Things to know

• !Requires a Claude Code setup to use the skill, plus Chromium and ffmpeg for rendering.
• !Music and sound effects are downloaded from third-party sources under their own licenses, so they are not redistributed.

Topics

FAQ

What is claude-motion-design?

A Claude Code skill that produces motion design videos from HTML, Playwright and ffmpeg, with no After Effects or Remotion license needed. claude-motion-design is a Claude Code skill for making motion design videos entirely in code. Each frame is computed from time with a single seek(t) function, rendered with Playwright, motion-blurred across subframes, and encoded with ffmpeg. The project targets developers who want deterministic, editable video output without paid editors or licensed rendering engines.

Is claude-motion-design free to use? What license does it have?

claude-motion-design is open source under the MIT license. Check the license terms before using it in commercial products.

Is claude-motion-design still maintained?

Actively maintained. The last commit to claude-motion-design was on Oct 4, 2026.

What can I use claude-motion-design for?

Producing product launch or announcement videos without a video editor. Generating beat-synced social media loops from HTML scenes. Iterating on a video through code changes instead of timeline editing. Recreating a reference motion piece for a different brand.

How do I install claude-motion-design?

Copy the skill into Claude Code: mkdir -p ~/.claude/skills && cp -r skill/motion-design ~/.claude/skills/ Install Python dependencies and Chromium: pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium In Claude Code, ask for a video or type /motion-design

Where can I get claude-motion-design?

The source code and installation instructions are on GitHub: https://github.com/howseen-ai/claude-motion-design