Motion Graphics — promo videos from code, directed, animated, scored and rendered by your agent [![Agent Skill](https://img.shields.io/badge/Agent_Skill-motion--graphics-111111?style=flat-square)](skills/motion-graphics/SKILL.md) [![Claude Code plugin](https://img.shields.io/badge/Claude_Code-plugin-D97757?style=flat-square)](#install) [![npm dependencies](https://img.shields.io/badge/npm_dependencies-0-2EA043?style=flat-square)](#requirements) [![License: MIT](https://img.shields.io/badge/license-MIT-3B82F6?style=flat-square)](LICENSE) 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 ```bash 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](https://agentskills.io). ## 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/.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](LICENSE). Bundled fonts: Montserrat and JetBrains Mono, SIL Open Font License 1.1 ([OFL.txt](skills/motion-graphics/assets/template/assets/fonts/OFL.txt)).