Best Motion graphics and video editing skill for Claude Code, Codex and Cursor. Plan, animate, edit, caption and sound-design complete videos, rendered locally without After Effects.
⚠️ Third-Party Software Notice
This skill is third-party open-source software developed and hosted independently on GitHub. SkillsLLM is an informational directory and does not control or maintain the underlying repository.
Any security checks, ratings, or warnings displayed by SkillsLLM are automated and limited in scope. They do not constitute a security certification or guarantee that the software is safe, error-free, or free from malicious code, vulnerabilities, compromised dependencies, or prompt-injection risks.
Review the source code, permissions, dependencies, and configuration before installing or running any third-party skill. Use is at your own risk. To the maximum extent permitted by applicable law, SkillsLLM is not liable for losses arising from third-party software.
The deep catalog scan for this skill is still queued. Run an instant dependency check now instead.
# Add to your Claude Code skills
git clone https://github.com/Miftahul-Islam-Efaz/Motion-graphics-skillGuides for using ai agents skills like Motion-graphics-skill.
See how Motion-graphics-skill compares with popular alternatives.
A Claude Code skill for motion graphics and video editing.
Plan, animate, edit, voice and sound-design complete videos with Claude Code, Codex or Cursor. Everything renders locally, with no After Effects or Premiere.
Every frame above was written and rendered by Claude Code using this skill.
Motion Video Director turns a coding agent into a video production team. It handles the work a motion designer, editor and sound designer would normally do:
The skill is a production playbook (SKILL.md) plus a set of helper scripts. The agent follows a fixed process with approval gates, so you review the script, the plan and a preview before anything is fully rendered.
All of these were made with this skill.
| AI Creates Motion Graphic | Motion keyboard | Brud Code launch |
|---|---|---|
| Watch on Instagram | Watch on Instagram | Watch on Instagram |
The launch ad for this skill was also produced with it: a 56-second, 1080p SaaS ad with voiceover, 2D/3D animation and a full sound mix.
Run this in your project folder. It works with Claude Code, Codex, Cursor and other agents that support skills:
npx skills add Miftahul-Islam-Efaz/Motion-graphics-skill
You need Node.js installed. The installer asks which agent you use and copies the skill to the right folder.
Inside Claude Code, run:
/plugin marketplace add Miftahul-Islam-Efaz/Motion-graphics-skill
/plugin install motion-video-director@motion-graphics-skill
Restart Claude Code afterwards.
skills/motion-video-director folder into one of these locations:
~/.claude/skills/ to use it in every project (on Windows: C:\Users\<you>\.claude\skills\).claude/skills/ inside a project to use it only thereFor Codex, Cursor or other agents, copy the folder into your project and tell the agent:
Read skills/motion-video-director/SKILL.md and follow it for this video project.
Describe the video you want and attach references if you have them.
Make a 30-second 9:16 launch reel for my SaaS. References attached.
Edit my raw talking-head clip into a reel with captions, punch zooms and B-roll.
Create a 45-second product explainer of our dashboard. Clean UI animation, subtle sound design.
The agent then works through these steps:
You approve the script, the plan and the preview before the final render. Progress is logged in PROGRESS.md, so a new session can continue where the last one stopped.
| Area | Details |
|---|---|
| Directing | Hooks in the first 3 seconds, pacing, shot types, J/L cuts, match cuts, CTA structure |
| Editing intensity | Five levels, from fast-paced reels to restrained corporate video |
| Motion graphics | Kinetic typography, 3D text, UI mockups, cursor animation, stickers, particles, Lottie |
| Footage editing | Punch zooms, subject cutouts (RVM, SAM2), captions behind the subject, speed ramps |
| 3D | Three.js product shots, floating cards, camera fly-throughs, extruded logos |
| Animation | The 12 principles of animation, easing, staggering, overshoot |
| Color and layout | 60-30-10 color, WCAG contrast, safe zones for 9:16 platforms |
| Sound | Risers, impacts and whooshes synced to the frame, ducking under voice, -14 LUFS / -1.5 dBTP |
| Voiceover | ElevenLabs scripting, audio QA, word timestamps with faster-whisper |
| Assets | Fonts, sound effects and stock footage via Firecrawl, Freesound, Pexels, Pixabay and LottieFiles. The agent can also browse sites like Pinterest and Behance with Playwright |
.claude-plugin/
plugin.json Plugin manifest
marketplace.json Marketplace entry for one-command install
skills/motion-video-director/
SKILL.md The production playbook
scripts/
preflight.sh Checks Node, ffmpeg, Playwright, Python tools and API keys
preview.mjs Renders a time range to a contact sheet for quick review
analyze_ref.sh Breaks a reference video into frames, cuts and audio
create_env.sh Creates a .env file with empty API key slots
normalize_env.py Converts an existing key file into a clean .env
Required: Node.js 18+, ffmpeg and ffprobe, and Playwright with headless Chrome.
Optional: Python 3.10+ with faster-whisper, rembg and demucs for transcription, cutouts and stem separation. You can also add API keys or MCP servers for ElevenLabs, Firecrawl, Freesound, Pexels, Pixabay and LottieFiles.
To see what is installed and what is missing, run:
bash skills/motion-video-director/scripts/preflight.sh
API keys are stored in a local .env file, which is excluded from git.
Do I need After Effects or Premiere Pro? No. Animation is written in code and rendered with headless Chrome and ffmpeg.
Can it edit existing footage, or only create animation? Both. It can cut, caption, grade and sound-design raw clips, and combine them with motion graphics.
What does it cost to run? Rendering is free and local. ElevenLabs and some stock-media APIs have their own pricing; their free tiers cover most projects.
Does it work outside Claude Code? Yes. It works with any agent that can run terminal commands and edit files, including Codex and Cursor.
Made by Miftahul Islam Efaz. If you make something with it, tag me on Instagram.
© 2026 Miftahul Islam Efaz. All rights reserved.
Motion-graphics-skill is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by Miftahul-Islam-Efaz. Best Motion graphics and video editing skill for Claude Code, Codex and Cursor. Plan, animate, edit, caption and sound-design complete videos, rendered locally without After Effects. It has 57 GitHub stars.
Motion-graphics-skill's catalog security scan is still queued. You can run an instant dependency and prompt-injection check now with the "Scan for vulnerabilities" button above.
Clone the repository with "git clone https://github.com/Miftahul-Islam-Efaz/Motion-graphics-skill" and add it to your Claude Code skills directory (see the Installation section above).
Motion-graphics-skill is primarily written in Shell. It is open-source under Miftahul-Islam-Efaz on GitHub, so you can review or fork the full source.
Yes. SkillsLLM lists many other AI Agents skills you can browse and compare side by side. Open the AI Agents category from the badge at the top of this page, or use the Related Skills and comparison links further down to weigh Motion-graphics-skill against similar tools.
No comments yet. Be the first to share your thoughts!