Super Video Maker
Bomx/super-video-maker-skill
End-to-end AI video production skill for agentic frameworks.
Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote…
Install Motion Video
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install bestagentkits/motion-video-skill motion-video --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/motion-video .claude/skills/motion-video && rm -rf skills-srcUse ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.
Claude Code skills documentation · loads skills from .claude/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .claude/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-videoType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install bestagentkits/motion-video-skill motion-video --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/motion-video .agents/skills/motion-video && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .agents/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install bestagentkits/motion-video-skill motion-video --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/motion-video .cursor/skills/motion-video && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .cursor/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/bestagentkits/motion-video-skill.git --path skills/motion-video--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install bestagentkits/motion-video-skill motion-video --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/motion-video .gemini/skills/motion-video && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .gemini/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install bestagentkits/motion-video-skill motion-videoInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/motion-video .github/skills/motion-video && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .github/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add bestagentkits/motion-video-skill --skill motion-video -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install bestagentkits/motion-video-skill motion-video --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bestagentkits/motion-video-skill.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/motion-video .opencode/skills/motion-video && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "motion-video" agent skill from https://github.com/bestagentkits/motion-video-skill/tree/main/skills/motion-video into .opencode/skills/motion-video/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "motion-video", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
motion-video- GitHub stars
- 115
- Token cost
- ~1.5k tokens
- SKILL.md length
- 598 words
- Files
- 24 (incl. scripts, references, assets)
- Skills in repo
- 1
- Repo updated
- First seen
- Licence
- MIT
At a glance
Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote…
- Works in 6 steps: Pin the outcome before touching files:… → Create assets/videos// (never overwrite… → Follow references/production-pipeline.md… → …
- The user asks for a launch/release/feature video
- SKILL.md covers Scope, How to work, Done when and Resources
- Runs JavaScript scripts from its folder; calls python
What it does
Motion Video is an agent skill from bestagentkits/motion-video-skill. Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote or Spider-Verse-style comic). Use when the user asks for a launch/release/feature video, motion graphic, animated explainer or promo clip, or a restyle of an existing one.
Its SKILL.md is about 1.5k tokens, which your agent loads only when the skill is triggered. The skill folder holds 28 other files, including scripts, reference files and assets (for example `assets/templates/data/cues.example.json`, `assets/templates/data/music-arrangement.example.json` and `assets/templates/data/music-plan.example.json`).
It sits in Media & Creative, covering Motion graphics, Text to speech and voice and Web animation and motion. It works with HeyGen, GSAP, OpenAI and ElevenLabs. The repository describes itself as: 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. The licence is MIT.
When your agent uses it
- The user asks for a launch/release/feature video
- Animated explainer
- A restyle of an existing one
Example prompts
- “/motion-video”
Requirements
- Python 3
- Node.js
Workflow steps
6 steps, taken from the first numbered list in SKILL.md.
- Pin the outcome before touching files: topic and sources, style (one of the
- Create assets/videos// (never overwrite a finished edition) and a plan
- Follow references/production-pipeline.md step by step. Each step writes a
- Get the music right with references/audio-and-beat-sync.md: fit the grid,
- Build index.html with references/composition-contract.md and the chosen
- Finish only when every check in "Done when" passes; report measured numbers,
What it can do on your machine
Read from SKILL.md and the folder at commit a73702b. It shows what the files ask for, not the result of running them.
Tool permissions
Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.
From allowed-tools in the SKILL.md frontmatter.
Runs code
Ships 1 file in scripts/ (JavaScript, from the files we listed), which the agent can run.
Shell commands in SKILL.md call:
python
From the folder's file list and the shell code blocks in SKILL.md.
Network
Links to these hosts (documentation or services it may open):
x.com
From URLs in SKILL.md, links to its own repository left out.
Credentials
Names no API keys, tokens, secrets or passwords.
From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.
Context cost
Motion Video loads about 1.5k tokens when it runs, and up to ~7.7k if it reads all its reference files. Until then it costs about 95 tokens; SKILL.md has 598 words of instructions outside code blocks.
Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.
Safety
Auto-check passed
The automated check found no risky patterns in SKILL.md.
Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); the scripts in this folder are not scanned.
SKILL.md
The full file from bestagentkits/motion-video-skill at commit a73702b, republished under its MIT licence (© bestagentkits). 598 words, ~1,496 tokens.
Download SKILL.mdSave it as
.claude/skills/motion-video/SKILL.md (or your agent's skills folder). This skill also uses 23 other files; get the full folder from GitHub.- name
- motion-video
- description
- Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote or Spider-Verse-style comic). Use when the user asks for a launch/release/feature video, motion graphic, animated explainer or promo clip, or a restyle of an existing one.
- user-invocable
- true
- when_to_use
- Use when asked to make or restyle a motion-graphic/launch/changelog/explainer video with voice-over, captions and music synced to the beat, e.g. 'làm video…
- category
- media
- keywords
- motion-graphic, video, hyperframes, gsap, launch-video, voice-over, captions, karaoke, beat-sync, elevenlabs, gemini-tts, multix, spider-verse, comic…
- metadata.author
- BestAgentKits
- metadata.version
- 1.0.0
- license
- MIT
Motion video
Make a 1920×1080 30 fps motion-graphic video where the scene cuts land on the music's beats, reveals land on spoken words, and the audio is broadcast-clean. The workflow is fully scripted: facts → script → multix audio → forced alignment → beat grid → bar-spliced music → timeline + mix → HTML composition → lint/check/snapshot → render → remux → social encode.
Two finished editions show what each style should feel like. Their working
projects are deliberately not bundled here: the generated voice-over, music and
SFX are large and provider-licensed. Study the published demo, then build every
new video from assets/templates/index-skeleton.html plus the style reference.
| Style | Style reference | Public demo | Feel |
|---|---|---|---|
| Comic multiverse | references/style-comic-spiderverse.md | Dewee v3.34 comic edition, the 151 s social encode | loud, playful, hand-made |
| Glass keynote | references/style-glass-keynote.md | the 144 s edition of the same release | premium, calm, clear |
Scope
This skill handles:
- New videos in either style, restyles of an existing video as a separate project, and partial reworks (new music, re-timed drops, re-mix, re-render, social encode).
- Audio through the
multixCLI: Gemini TTS voice, ElevenLabs SFX, ElevenLabs Music composition plans, ElevenLabs forced alignment.
This skill does NOT handle:
- Generative text-to-video footage (use
multixSeedance/Veo directly). - React/Remotion compositions or generic HyperFrames questions (use the hyperframes or remotion skills).
- Publishing to social accounts: produce the file and let the user post it.
How to work
- Pin the outcome before touching files: topic and sources, style (one of the two, or a new one derived from them), duration, voice language (English VO + Vietnamese captions by default), ending, signature. Ask only if the style or the facts source is unknown.
- Create
assets/videos/<slug>/(never overwrite a finished edition) and a plan underplans/following the repo convention. Copy the templates fromassets/templates/of this skill:scripts/*.mjs,data/*.example.json(rename to.json),hyperframes.json,index-skeleton.htmlasindex.html, plusscripts/fit-beat-grid.py. - Follow
references/production-pipeline.mdstep by step. Each step writes a file the next one reads, so do not reorder them. - Get the music right with
references/audio-and-beat-sync.md: fit the grid, splice bars so the drops land where the script needs them, verify the splice, and measure the voice/music balance. - Build
index.htmlwithreferences/composition-contract.mdand the chosen style reference, starting fromassets/templates/index-skeleton.html. When a scene type repeats (stats, diagrams, charts, terminal, graph, outro), follow the demo's choreography for that scene instead of inventing a new one. - Finish only when every check in "Done when" passes; report measured numbers, not impressions.
Keep credentials inside multix's own config. Never print API keys or copy them into project files, plans or reports.
Show full SKILL.md (182 more words)Show less
Done when
hyperframes lintandcheckpass; snapshots of every scene were reviewed.verify-arrangement.pyreports every segment within ±2 ms andmeasure-mix-balance.pyshows the music ~4–6 dB under speech.- ffprobe: 1920×1080, 30 fps, expected duration, AAC 48 kHz stereo; ebur128 ≈ −14 LUFS with peak ≤ −1 dBFS; blackdetect finds nothing outside fades.
build-timelineprinted no clip/overlap/missing-word warnings.- On-screen facts trace to the sources collected in step 1.
Resources
references/production-pipeline.md: every command from scaffold to social encode and studio preview, plus the rebuild table.references/audio-and-beat-sync.md: voice, SFX cues, music plans, bar-splice arrangement, anchors, mix numbers and the ducking pitfall.references/composition-contract.md: TIMING shape, helpers, determinism, scene windows, captions, mascot, renderer limits, signature.references/style-glass-keynote.md/references/style-comic-spiderverse.md: tokens, fonts, layers, components, transitions and caption look per style.scripts/fit-beat-grid.py <music> [--min-bpm N --max-bpm N]: BPM, BEAT0 and a per-bar kick/energy table.scripts/verify-arrangement.py <project> [--tolerance-ms 2]: splice lag per segment; exits 1 on drift.scripts/measure-mix-balance.py <project>: music under speech vs in gaps, frombuild-timeline.mjs --stems.scripts/tests/:python -m unittest discover -s scripts/tests(needs ffmpeg, numpy, scipy).assets/templates/: project scripts (generate-audio-assets,align-voiceover,arrange-music,build-timeline), example data files and the composition skeleton.
© bestagentkits, MIT. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file
Files
SKILL.md and 23 other files (scripts, references, assets) in skills/motion-video of bestagentkits/motion-video-skill.
- SKILL.md
- assets/templates/data/cues.example.json
- assets/templates/data/music-arrangement.example.json
- assets/templates/data/music-plan.example.json
- assets/templates/data/outro-plan.example.json
- assets/templates/data/script.example.json
- assets/templates/data/sfx.example.json
- assets/templates/hyperframes.json
- assets/templates/index-skeleton.html
- assets/templates/scripts/align-voiceover.mjs
- assets/templates/scripts/arrange-music.mjs
- assets/templates/scripts/build-timeline.mjs
- assets/templates/scripts/generate-audio-assets.mjs
- references/audio-and-beat-sync.md
- references/composition-contract.md
- references/production-pipeline.md
- … and 8 more
Open the folder on GitHubat commit a73702b
Compare with similar skills
Motion Video next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Motion Video this skillbestagentkits/motion-video-skill | 115 | — | ~1.5k | Automated safety check: Pass | MIT | |
| Super Video MakerBomx/super-video-maker-skill | 309 | — | ~11k | Automated safety check: Notes | None | |
| Wjs Converting Text To Videojianshuo/claude-skills | 131 | — | ~5.5k | Automated safety check: Notes | MIT | |
| HyperframesOpenMinis/MinisSkills | 444 | — | ~6.2k | Automated safety check: Pass | MIT | |
| HyperFrames Animationheygen-com/hyperframes | 59k | 3 repos | ~2.1k | Automated safety check: Pass | Apache-2.0 | |
| Hyperframes Mediachmonitor/chmonitor | 299 | 1 repos | ~2.8k | Automated safety check: Notes | GPL-3.0 |
Similar skills
Wjs Converting Text To Video
jianshuo/claude-skills
A skill your agent uses when the user wants a 王建硕-style WeChat article (article.md) turned into a narrated short MP4 video — TTS voiceover via 火山引擎 Volcano TTS, HyperFrames CSS/GSAP animation per…
Hyperframes
OpenMinis/MinisSkills
Create HyperFrames HTML video compositions — animations, title cards, overlays, captions, GSAP timelines, registry blocks/components, voiceovers, audio-reactive visuals, and scene transitions.
HyperFrames Animation
heygen-com/hyperframes
Collects motion rules, scene blueprints, transitions and runtime adapters for HyperFrames video compositions, with GSAP as the default animation runtime.
Hyperframes Media
chmonitor/chmonitor
Audio and media assets for HyperFrames compositions, produced by one shared audio engine (scripts/audio.mjs) — multi-provider TTS (HeyGen / ElevenLabs / Kokoro local), background music + sound…
Motion Ad
fabricioctelles/skills
Produce a short motion-graphics video ad — a 15s Facebook/Instagram/TikTok spot — as a rendered MP4.
Related
Works with
Categories
Questions about Motion Video
What does Motion Video do?
Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote…. Motion Video is an agent skill from bestagentkits/motion-video-skill. Produce beat-synced 1080p motion-graphic videos in HyperFrames (HTML + GSAP) with an AI voice-over, Vietnamese karaoke captions, SFX and generated music, in one of two proven styles (glass keynote or Spider-Verse-style comic).
When should I use Motion Video?
Motion Video fits situations like: the user asks for a launch/release/feature video; animated explainer; A restyle of an existing one.
How do I install Motion Video in Claude Code?
Run `npx skills add bestagentkits/motion-video-skill --skill motion-video -a claude-code`. Or copy the skill folder (skills/motion-video in bestagentkits/motion-video-skill) into .claude/skills/motion-video in your project. Claude Code loads it when a task matches its description.
How do I install Motion Video in Codex?
Run `npx skills add bestagentkits/motion-video-skill --skill motion-video -a codex`. Or copy the skill folder (skills/motion-video in bestagentkits/motion-video-skill) into .agents/skills/motion-video in your project. Codex loads it when a task matches its description.
Can I use Motion Video in Cursor, Gemini CLI or GitHub Copilot?
Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add bestagentkits/motion-video-skill --skill motion-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/motion-video, .gemini/skills/motion-video, .github/skills/motion-video and .opencode/skills/motion-video in your project.
What does Motion Video need to run?
Going by SKILL.md and its folder, Motion Video needs JavaScript for the scripts in its folder and the command-line tools its instructions call (python). Our summary lists: Python 3; Node.js.
Does Motion Video access the network?
SKILL.md names 1 domain. As links in the text: x.com. This is read from the text; nothing was executed.
Is Motion Video safe to install?
Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Motion Video use?
Motion Video is published under the MIT licence (declared in SKILL.md). It allows redistribution, so the full SKILL.md is shown on this page.
How many tokens does Motion Video use?
About 1.5k tokens (SKILL.md is roughly 6k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full. Its references folder adds about 6.2k tokens, read only when the agent opens those files.
What are the alternatives to Motion Video?
Skills that share tags, products or a category with Motion Video: Super Video Maker (Bomx/super-video-maker-skill, 309 stars), Wjs Converting Text To Video (jianshuo/claude-skills, 131 stars), Hyperframes (OpenMinis/MinisSkills, 444 stars) and HyperFrames Animation (heygen-com/hyperframes, 59k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Motion Video?
bestagentkits (a GitHub organization) maintains it in bestagentkits/motion-video-skill, which has 115 GitHub stars. The repository was last updated on September 28, 2026.
Source: bestagentkits/motion-video-skill on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.