Motion Graphics Skills

Showreel-grade motion graphics from code — with an original soundtrack for every video.

English · Русский

_{The template's demo for a fictional brand, rendered by the skill's own tools · full-quality MP4}

What it does

Give your agent a link to a site, a few reference posts from X or Telegram, or just screenshots — and ask for a video.

• Reads the brand from the link — real UI blocks at 2×, the logo, the colours the site actually paints, its
  fonts, prices and contacts.
• Studies the references by numbers — how much of the frame moves, visual hits per minute, how many land on the
  beat.
• Writes the direction first — every shot on a beat grid, how it enters and leaves, palette, type, a banned list.
• Renders real motion graphics — HTML scenes captured frame by frame in headless Chrome, with sub-frame motion
  blur.
• Composes an original score — a built-in synth with 80 voices and 22 genre cards, sound design on every cut,
  energy that follows your words and the topic (dynamic from the first bars when you ask for it, calm when you ask
  for that), and a fingerprint check so no two videos sound alike.
• Checks everything — loudness and true peak of every file, fps, gaps between scenes, missing glyphs, leftover
  template code.

Promos · launch videos · explainers · intros · logo stings · Reels, Shorts and TikTok.

Install

npx skills add Mort1d/motion-graphics-skills

As a Claude Code plugin:

/plugin marketplace add Mort1d/motion-graphics-skills
/plugin install motion-graphics@motion-graphics-skills

Or copy skills/motion-graphics into your agent's skills folder (~/.claude/skills/ for Claude Code). It works with
Claude Code, Codex, Cursor, Gemini CLI, OpenCode and any agent that supports Agent Skills.

Use

Plain words in any language are enough:

References: https://x.com/…/status/… https://x.com/…/status/… https://x.com/…/status/… — make a dynamic motion
graphics promo for our coffee shop, zerno.example. Go all out. Orders go through @zerno_example_bot.

A 6-second logo sting for my YouTube channel, logo attached. Heavy, cinematic.

Vertical 9:16, 20 seconds, for a kids' drawing school. Bright and fun, stylish music.

You get out/<name>.mp4 (1080p or vertical, 60 fps, −14 LUFS), a light copy for messengers, covers, and a project
that re-renders with one command. On request: other languages, a 9:16 version, a 15-second cut.

Requirements

No npm packages, API keys, stock footage or AI video models. The network is used only to read the links you give.
In a chat app without a shell, the agent writes the whole project and hands it over with the commands that render it.

Left alone, every model answers "more energy" with the same house groove in A minor. Here each video gets a sound
brief (genre, tempo, key, a sonic logo, 2–4 sounds from the brand's world), and a starting point rotated by the
brand's name and away from your earlier videos:

node tools/sound-print.mjs --suggest "Loafly" --world food --in ~/videos

Every finished score is fingerprinted — where the kick, snare and hats fall in the bar, timbre, tempo, key — and
compared with the demo and with the other videos in the folder. The check names what matches ("groove 0.87, timbre
0.84") so the agent knows what to change. Calibrated on six real promos from one synth kit: the five house-like ones
score 0.74–0.96 with each other and get flagged.

What the agent looks at instead of listening: every hit on its cue line, the silence before the logo as a dark
column.

Three briefs end to end — a coffee shop in Russian (16:9), a kids' drawing school (9:16), an English SaaS launch —
with Claude Sonnet, graded by script, the skill fixed after each round:

Round 4 was the author's own prompt, word for word — four X links, a real business that sells through a Telegram
bot, "go all out" — with Claude Opus: a 32.8-second promo and a 15-second cut, liquid drum & bass at 174 BPM, 0.50 at
most against the six earlier promos, QA passed. What it found (encoder peaks on derived files, a half-speed tempo
reading, a font without ₽) was fixed and re-tested.

skills/motion-graphics/
  SKILL.md           the workflow the agent follows
  references/        story & motion craft, scene cookbook, sound design, genre cards, synth API, pipeline
  scripts/           site-kit, ref-sheet, new-project, trace-logo, palette
  assets/template/   a working project: scenes, motion kit, synth, capture / render / QA tools
.claude-plugin/      marketplace.json for Claude Code
media/               the demo
evals/               test prompts

Responsible use

The skill tells the agent to use only facts from the brief, the site or the user; to read only public pages (no
logins, bot checks respected); to keep personal data out of the video; to learn from references without copying
their footage, words or music; and to follow advertising rules for the client's market.

License

MIT. Bundled fonts: Montserrat and JetBrains Mono, SIL Open Font License 1.1
(OFL.txt).