Kimeur/motion-launch-videos

Short launch and social videos made in code with Claude Code, in twelve styles: kinetic type, flat shapes, cartoons, 3D, data charts, pixel art, particles, app UI, photo reels, captioned clips, overlays for editors and data globes. Each film is one self-contained HTML file that can draw any frame from the time alone, rendered to MP4 with real motion blur and a seamless loop that is checked, not hoped for, at 1:1, 9:16 or 16:9, with sound when it needs it and with transparency when it goes over footage.
| | |
|---|---|
| **Kinetic type** (motion-launch-videos): big type on springs, misregistration, mask wipes. Example | **Shapes** (motion-shapes): icons that draw on, pop and ripple, wipes, SVG logos. Example |
| **Cartoon** (motion-cartoon): an original mascot, on twos, with a boiling line. Example | **3D** (motion-3d): extruded type and logos, soft shadows, a moving camera. Example |
| **Charts** (motion-charts): counters, bars, lines and donuts from sourced data. Example | **Pixel art** (motion-pixel): sprites, parallax, a bitmap font, a strict palette. Example |
| **Particles** (motion-particles): swarms that form words and logos. Example | **App UI** (motion-ui): taps, pushes and toasts in a device frame. Example |
| **Photo** (motion-photo): your own images in Ken Burns crops, parallax cutouts, carousels, a before/after slider and tags. Example | **Captions** (motion-captions): your voice-over or podcast, every word on the frame it is said. Example, with sound |
| **Overlays** (motion-overlays): lower thirds, cards, end screens and corner bugs, delivered with alpha. Example | **Globe** (motion-globe): a data globe from real geography, a flying camera, routes, beams and HUD cards. Example, with sound |
**One film, three formats.** Every style renders the same film square, vertical or wide (--format 9:16), laid out for each frame rather than cropped:
The Crux film is a real launch bumper for the author's product: every word on screen is taken from the live site, with sources in its BRIEF.md. The other eleven are each skill's own demo, for fictional products, and say so on screen. Another film, pixel-buffett-snowball, is a 36 second story on the pixel skill: a runner grows up while a snowball rolls after him and swells at every stop of Warren Buffett's life. Every sprite is drawn in code, every fact is in its BRIEF.md with its source, and it says on screen that it is an unofficial fan animation.
You give it a product and what the film should say, or just a URL, and a style if you have one in mind. Claude reads the product's site, writes 3 to 5 beats of at most four words each, designs every beat on the tempo grid, and writes the whole film as one HTML page. Then it checks the film with the skill's automated critique, renders it frame by frame, and verifies the MP4 it delivers.
The skills
| Skill | Makes | Ask for it like |
|---|---|---|
| motion-launch-videos | a kinetic-typography bumper or identity sting | "Make a 12 second launch bumper for https://example.com" |
| motion-shapes | flat 2D motion graphics: icons, draw-ons, ripples, wipes, an animated SVG logo | "Animate our logo drawing itself on", "An explainer-style loop for our three features" |
| motion-cartoon | an original mascot that notices you, hops, waves, talks and shows the product's name | "Make a cartoon mascot saying hi for our app" |
| motion-3d | extruded 3D type or a 3D logo with primitives, soft shadows and a moving camera | "Make a 3D sting of our wordmark" |
| motion-charts | animated charts from sourced data: counters, bars, lines, donuts | "Animate these numbers from our launch post" |
| motion-pixel | pixel-art loops: sprites, tiles, parallax, a bitmap font | "A retro 8-bit teaser for our game" |
| motion-particles | particle swarms that form words and logos, burst and reform | "A particle reveal of our name" |
| motion-ui | app and product UI demos in a device frame, with callouts | "An app-store style preview of our booking flow" |