Skip to content

About

Showreel-grade motion graphics from code, with an original soundtrack for every video. An Agent Skill for Claude Code, Codex, Cursor and other agents.

Topics

Resources

Stars

54 stars

Watchers

0 watching

Forks

Latest commit

 

History

16 Commits

Folders and files

Repository files navigation

Motion Graphics — promo videos from code, directed, animated, scored and rendered by your agent

Agent Skill Claude Code plugin npm dependencies License: MIT

A 13-second demo reel rendered by the skill

Rendered by the skill, score included · MP4 with sound


Give your agent a link, a repo, screenshots or your own clips, and ask for a video. It directs the film, animates it in code, composes the music and renders the MP4.

What it does

  • Directs before it builds — three concepts, one of nine looks, a plan checked against your words.
  • Reads your brand from a link — the real interface, logo, colours, fonts and prices.
  • Animates in code — springs, a moving camera, sub-frame motion blur, 60 fps.
  • Cuts your footage on the beat — speed ramps, whips, freezes, captions.
  • Scores every video — an original soundtrack; no two videos sound alike.
  • Critiques itself — fixes the worst until every score is 8 / 10, then checks every frame.

How it works

One timeline: frames of the film, scenes with their energy, cues on the beat grid, and the score's waveform with the silence before the logo

One file holds the film: the scenes, how hard each one hits, and every hit as a named cue on the beat grid. The picture and the score are both built from it — the drop lands on the brand, the silence before the logo is real.

Eight steps: brief, references, direction, plan check, then scenes, score, critique, render

The plan is checked first

plan-check output: a WARN when the plan is calmer than the words, a PASS after the plan is fixed

Your words set the energy. A plan that breaks them is caught in seconds, before a single frame is rendered.

Your footage

The scan finds a cut, the camera's direction and the quiet gaps; a speed ramp curve with a 4x rush, slow motion and a freeze

The scan finds the cuts, the camera's direction, the action and the quiet between phrases. The edit lands on the beat.

Nine looks

Nine looks: product film, terminal release, liquid glass, neon kinetic, editorial print, data story, playful pop, cinematic premium, grid system

Sound

The score's spectrogram and waveform, with scene starts and cues

A score composed for each video from a built-in synth, checked by eye against its cues, fingerprinted against your earlier videos.

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

Works with Claude Code, Codex, Cursor, Gemini CLI, OpenCode and any agent that supports Agent Skills.

Use

Here's our site — a 20-second launch promo for X, energetic.

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

Clips from a trip, attached — a vertical reel with bold transitions.

You get out/<name>.mp4 (60 fps, −14 LUFS), covers, a light copy for messengers and a project that re-renders with one command. Facts come only from you or your site's public pages; references are studied, never copied.

Requirements

Node.js 22.4+, ffmpeg, and Chrome, Edge or Chromium. No npm packages, API keys, stock footage or AI video.

License

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

About

Showreel-grade motion graphics from code, with an original soundtrack for every video. An Agent Skill for Claude Code, Codex, Cursor and other agents.

Topics

Resources

Stars

54 stars

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages