Claude Motion Design skill
claude-motion-design
A Claude Code skill for motion videos in pure code: HTML, Playwright and ffmpeg without After Effects and Remotion. Chromium, ffmpeg and Python needed
- 502 ★ on the repository
- Last commit
- MIT
Extended access
Why this level
- Chromium, ffmpeg and Python packages are needed
- Third-party materials are under their own licenses
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add skills/claude-motion-designDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewExtended accessThe tool runs code or makes network calls and only reads external data.
- Chromium, ffmpeg and Python packages are needed
- Third-party materials are under their own licenses
This is third-party code. Review the repository files before installing.
What it does
Claude Motion Design is a Claude Code skill for motion design videos written in code: HTML, Playwright and ffmpeg, without After Effects, a Remotion license or an editor. Each frame is computed by time and a video can be edited in words: make transitions faster. Installation: copy the `skill/motion-design` folder into `~/.claude/skills`, then `pip install playwright imageio-ffmpeg numpy pillow && python -m playwright install chromium`; ask for a video in Claude Code or use the `/motion-design` command. The code is MIT while third-party materials are downloaded by a script and stay under their own licenses.
Who it is for. For developers and marketers who need product videos and intros without a video editor, with editing in words.
Good fit when
- You need motion videos in code without After Effects
- You need to edit a video with text requests
- You need 60 frames per second with motion blur
Not a fit when
- You need manual editing: the skill builds a video in code
- You cannot install Chromium, ffmpeg and Python packages
Example request
/motion-design Make a 20-second app launch video with three features and a color change on the beatLimitations
Chromium, ffmpeg and Python packages are needed and video rendering is heavy. Third-party music, sounds and logos are downloaded by a script and stay under their own licenses, brand logos belong to their owners. Access is extended: the skill launches rendering and writes files.
How to disable. Remove the skill from the agent's folder or the plugin through the plugin manager.
FAQ
What is needed to work?
Chromium, ffmpeg and Python packages, the pip install playwright imageio-ffmpeg numpy pillow command.
Is After Effects needed?
No, the video is built in code on HTML and ffmpeg.
How do I launch it?
With the /motion-design command or an ordinary video request in Claude Code.
Discussion
No questions or reviews yet.
Related
SkillsClaude Code Video Toolkit
claude-code-video-toolkit
A video production kit for Claude Code: script, voiceover, music, visuals and MP4 rendering through Remotion, with some steps on paid cloud services
A skill for Claude Code and Codex that builds cinematic product videos with Remotion from shot recipe cards, a ready template and audio assets
Claude Remotion Skill
claude-remotion-skill
Teaches Claude Code, Claude Desktop and other agents to make video on Remotion, that is on React code. Check the Remotion license terms yourself
Claude Real Video
claude-real-video
A skill that lets Claude watch a video: it pulls scene-aware, deduplicated frames and a speech transcript through whisper from a link or file
A Claude Code and Codex skill that turns a topic into a narrated motion-graphics explainer video on Remotion with subtitles and chapters
A set of SKILL.md skills for short-video and content production: topic, script, voice, avatar, editing, covers and motion graphics
Comparison with similar tools
Entries that share the main search query, and how they differ.
| Entry | Official | Repository stars | Main difference |
|---|---|---|---|
| Claude Motion Design (this entry) | no | 502 | |
| Claude Remotion Skill | no | 413 | video on Remotion from React code |
| Product Launch Motion | no | 230 | a product launch video from a script |
| Motion Video Skill | no | 119 | videos with voice-over and beat rhythm |
README in short
The README describes a code-based video skill on HTML, Playwright and ffmpeg with installation by copying. MIT license.