Agent skill that produces beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, karaoke captions, SFX and generated music. MIT.
⚠️ 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/bestagentkits/motion-video-skillGuides for using ai agents skills like motion-video-skill.
See how motion-video-skill compares with popular alternatives.
An agent skill that produces a beat-synced 1920×1080 30 fps motion-graphic video: the scene cuts land on the music's beats, the reveals land on the spoken words, and the audio is broadcast-clean.
npx skills add bestagentkits/motion-video-skill
MIT licensed. Works with Claude Code, Codex, Cursor, OpenCode, Gemini CLI, Pi and any other agent that reads Agent Skills.
The comic-multiverse edition of the Dewee v3.34 release video, produced by this skill from a single prompt:
The same release also has a 144 s glass-keynote edition. Neither working project is bundled with this repository, because the generated voice-over, music and SFX are large and provider-licensed.
Each run follows one fixed pipeline, and every step writes the file the next step reads, so the order matters:
assets/videos/<slug>/ from the bundled templates.multix CLI.index.html against the composition contract and the chosen style.A run is finished only when the measurable checks pass: hyperframes lint and
check clean, every music segment within ±2 ms of its target beat, music about
4–6 dB under speech, 1920×1080 at 30 fps, and EBU R128 around −14 LUFS with a
true peak no higher than −1 dBFS.
| Style | Style reference | Demo | Feel |
|---|---|---|---|
| Comic multiverse | references/style-comic-spiderverse.md |
151 s edition | loud, playful, hand-made |
| Glass keynote | references/style-glass-keynote.md |
144 s edition | premium, calm, clear |
A restyle is a new project directory, so the first edition always stays intact.
npx skillsThe fastest route, and the one that works across agents:
# See what the repository offers without installing
npx skills add bestagentkits/motion-video-skill --list
# Install into the detected agents inside this project
npx skills add bestagentkits/motion-video-skill
# Install globally for Claude Code, without prompts
npx skills add bestagentkits/motion-video-skill -g -a claude-code -y
# Use it once, without installing
npx skills use bestagentkits/motion-video-skill@motion-video | claude
Useful flags: -g installs to your user directory instead of the project,
-a <agent> targets specific agents such as claude-code or codex, --copy
copies instead of symlinking, and -y skips the prompts.
/plugin marketplace add bestagentkits/motion-video-skill
/plugin install motion-video@motion-video-skill
/reload-plugins
The same thing from a shell:
claude plugin marketplace add bestagentkits/motion-video-skill
claude plugin install motion-video@motion-video-skill
Invoke the skill as /motion-video:motion-video, or just describe the video you
want and let Claude route to it.
The repository ships a portable Agent Plugins manifest at the root and a repo marketplace catalog, which is the layout ChatGPT and Codex expect for a skills-only plugin:
codex plugin marketplace add bestagentkits/motion-video-skill
codex plugin marketplace list
In the ChatGPT desktop app, open the Plugins Directory, select the marketplace,
and Install. For a personal marketplace instead of a repo one, add an entry to
~/.agents/plugins/marketplace.json pointing at this repository root.
Public listing in the universal ChatGPT/Codex Plugins Directory is a separate step that goes through OpenAI's submission portal and its review process; the package here is already in the submitted shape.
Copy skills/motion-video/ into your agent's skills directory. Any of these
locations work, depending on the agent and the scope you want:
| Agent | Project scope | User scope |
|---|---|---|
| Claude Code | .claude/skills/motion-video/ |
~/.claude/skills/motion-video/ |
| Codex, Cursor, Gemini CLI, OpenCode | .agents/skills/motion-video/ |
~/.<agent>/skills/motion-video/ |
| Pi | .pi/skills/motion-video/ |
~/.pi/agent/skills/motion-video/ |
| Requirement | Why |
|---|---|
| Node.js 20+ | The pipeline scripts are ESM and run with node. |
Python 3.10+ with numpy and scipy |
Beat-grid fitting, arrangement verification, mix-balance measurement. |
ffmpeg and ffprobe on PATH |
Decoding, mixing, remuxing, loudness and black-frame checks. |
The multix CLI, authenticated with a Gemini key and an ElevenLabs key |
Voice-over, sound effects, music composition plans and forced alignment. |
npx --yes hyperframes@0.7.99 |
Lint, check, snapshot, preview and render. No install step is needed. |
Keep API keys in the multix CLI's own configuration. The skill never prints key values
and never writes them into project files, plans or reports.
Install the skill, then ask your agent for the video:
Make a 100-second launch video for the 3.34 release with a voice-over,
captions and music, in the comic multiverse style.
To drive the pipeline yourself, start from the templates:
mkdir -p assets/videos/my-video
cp -r skills/motion-video/assets/templates/scripts skills/motion-video/assets/templates/data \
skills/motion-video/assets/templates/hyperframes.json \
skills/motion-video/assets/templates/index-skeleton.html \
assets/videos/my-video/
cd assets/videos/my-video
# rename data/*.example.json to data/*.json,
# and index-skeleton.html to index.html
Then follow
references/production-pipeline.md
step by step. In the skill's own documentation, <skill> means the installed
skill directory, for example ~/.claude/skills/motion-video.
.
├── .agents/plugins/marketplace.json ChatGPT / Codex repo marketplace catalog
├── .claude-plugin/
│ ├── marketplace.json Claude Code marketplace catalog
│ └── plugin.json Claude Code plugin manifest
├── plugin.json Portable Agent Plugins 1.0 manifest
├── skills/motion-video/
│ ├── SKILL.md Routing and the definition of done
│ ├── references/
│ │ ├── production-pipeline.md Every command, scaffold to social encode
│ │ ├── audio-and-beat-sync.md Voice, cues, music plans, splice, mix
│ │ ├── composition-contract.md TIMING shape, helpers, determinism
│ │ ├── style-glass-keynote.md Tokens, layers, transitions, captions
│ │ └── style-comic-spiderverse.md The second style, same contract
│ ├── scripts/
│ │ ├── fit-beat-grid.py BPM, BEAT0 and a per-bar kick/energy table
│ │ ├── verify-arrangement.py Splice lag per segment; exits 1 on drift
│ │ ├── measure-mix-balance.py Music under speech versus in the gaps
│ │ └── tests/ Regression tests on synthetic audio
│ └── assets/templates/
│ ├── index-skeleton.html Composition skeleton
│ ├── hyperframes.json Renderer configuration
│ ├── scripts/ Voice, SFX, music, alignment, timeline
│ └── data/ Example script, cues, SFX, music, outro
├── AGENTS.md Operating notes for agents working here
├── README.md
└── LICENSE
The plugin root is the repository root, so skills/ sits at the top level and no
file is duplicated between the skill package and the plugin manifests.
python -m unittest discover -s skills/motion-video/scripts/tests
The suite runs the beat-grid fitter and the arrangement checker against synthetic
audio, so it needs ffmpeg, numpy and scipy, and no network access.
MIT. See LICENSE.
No generated media is bundled. The skill instructs the agent to use open-licensed (SIL OFL or Apache) fonts from Google Fonts, and it produces its voice-over, music and sound effects inside your own provider accounts.
motion-video-skill is an open-source ai agents skill for AI coding assistants such as Claude Code, Codex CLI, and ChatGPT, built by bestagentkits. Agent skill that produces beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, karaoke captions, SFX and generated music. MIT. It has 51 GitHub stars.
motion-video-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/bestagentkits/motion-video-skill" and add it to your Claude Code skills directory (see the Installation section above).
motion-video-skill is primarily written in JavaScript. It is open-source under bestagentkits 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-video-skill against similar tools.
No comments yet. Be the first to share your thoughts!