motion-video

motion-video is a skill for Claude Code from bestagentkits/motion-video-skill. It costs 90 tokens per session (1,502 once invoked), scanned A, original, MIT.

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…

Skill for Claude Code

Written for Claude Code: user-invocable in frontmatter.

Install with agentmods
npx agentmods add skills/bestagentkits/motion-video-skill/motion-video
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add bestagentkits/motion-video-skill --skill motion-video
Clone the repo
git clone --depth 1 https://github.com/bestagentkits/motion-video-skill

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for motion-video

README.md
[![agentmods](https://agentmods.dev/badge/skills/bestagentkits/motion-video-skill/motion-video/github.svg)](https://agentmods.dev/skills/bestagentkits/motion-video-skill/motion-video)
Your own site
<a href="https://agentmods.dev/skills/bestagentkits/motion-video-skill/motion-video"><img src="https://agentmods.dev/badge/skills/bestagentkits/motion-video-skill/motion-video/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for motion-video

Your own site · 80×15
<a href="https://agentmods.dev/skills/bestagentkits/motion-video-skill/motion-video"><img src="https://agentmods.dev/badge/skills/bestagentkits/motion-video-skill/motion-video.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 90 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,502 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin unknown No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00090 $0.01502
Opus 5.5 $0.00036 $0.00601
Sonnet 5.5 $0.00018 $0.00300
Haiku 4.5 $0.00009 $0.00150

Measured today against content hash 347b4a8fee0d, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

motion-video scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured today.

The scan reads SKILL.md. This mod also ships 8 executable files (assets/templates/scripts/align-voiceover.mjs, assets/templates/scripts/arrange-music.mjs, assets/templates/scripts/build-timeline.mjs, …), listed below but not scanned — reading those needs a real analyzer, not pattern matching.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/motion-video/SKILL.md · 103 lines

How it starts

The opening of the file, as written. The whole thing — 103 lines — stays where its author put it; the contents beside it link to each section on GitHub.

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 multix CLI: Gemini TTS voice, ElevenLabs SFX, ElevenLabs Music composition plans, ElevenLabs forced alignment.

This skill does NOT handle:

  • Generative text-to-video footage (use multix Seedance/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

  1. 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.
  2. Create assets/videos/<slug>/ (never overwrite a finished edition) and a plan under plans/ following the repo convention. Copy the templates from assets/templates/ of this skill: scripts/*.mjs, data/*.example.json (rename to .json), hyperframes.json, index-skeleton.html as index.html, plus scripts/fit-beat-grid.py.
  3. Follow references/production-pipeline.md step by step. Each step writes a file the next one reads, so do not reorder them.
  4. 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.
  5. Build index.html with references/composition-contract.md and the chosen style reference, starting from assets/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.
  6. Finish only when every check in "Done when" passes; report measured numbers, not impressions.

Read the full file on GitHub · 103 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. today First seen · 103 lines · 90 tokens per session scan A 347b4a8fee0d

Subscribe to this mod's changes

motion-video is a skill published in the GitHub repository bestagentkits/motion-video-skill (121 stars, last pushed 18d ago), licensed MIT. It adds 90 tokens to every session and 1,502 once invoked, about $0.0004 per session on Opus 5.5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-10-16.

Related

Other skills, from other repositories

hyperframes-changelog-video

Turn a weekly changelog .md into a finished branded changelog video using HyperFrames. Use when the user provides a changelog/digest markdown and wants the weekly video, or says 'changelog video'. Self-contained — fonts, background, lexicon, and scripts ship in the skill. Produces square 1080, 45-60s videos with…

oyi77/1ai-skills · 85 tokens

pr-to-video

Turn a GitHub pull request (a PR URL, owner/repo#N, or 'this PR' in a checked-out repo) into a code-change explainer video — changelog, feature reveal, fix, or refactor walkthrough built from the diff, commits, and files: the input is a code change, not a website. Not a product promo (/product-launch-video) or a no-PR…

heygen-com/hyperframes · 104 tokens

video-hyperframes

Hyperframes / Remotion-compatible continuous frame animation with autoplay support.

nexu-io/open-design · 18 tokens

brag

Turn the current project website into a short, polished, shareable launch video using Hyperframes. Use when someone says "/brag", "let's brag about this", "make a launch video", "turn this into a video", or wants to share what they built. Reads the project code directly — no live URL or screenshots needed.

latent-spaces/brag · 71 tokens

brag-slim

Turn a project directory or a website URL into a short, shareable launch video with music, motion, and share copy. One file, no bundled assets — built entirely by the model with the tools already on the machine. Use when someone says "/brag-slim", "let's /brag about this", "brag about a website", "make a launch…

latent-spaces/brag · 121 tokens

video-hyperframes

A web-based sequence of video frames designed for Hyperframes or Remotion, with each frame presenting one visual idea.

nexu-io/html-anything · 22 tokens