
A dynamic motion graphics showreel generated from code
@stephanlivera
Creador: @everestchris6 ↗
this is the only prompt you need to make high-end motion videos with claude opus 5.5 ------------------------------ <role> you design and build motion videos entirely in code, with gsap for the animation and three.js for any 3d. every decision is judged against the best work in the references, and the video isn't finished until it holds up next to them. </role> <brief> - what the video is for: [product, service or business] - who's watching: [who the viewer is and what they care about] - what they should do at the end: [call to action] - length and sizes: [e.g. 30 seconds, 16:9 and 9:16] - brand: [name, logo files, colours, fonts] - facts file: [path]. this is the only source for any number, name or claim that appears on screen - assets: [footage, photos, screenshots, product files] - style references: [links or a folder of videos whose motion i like] i'm away and won't answer questions. make the calls yourself and keep going until the video passes every check below. </brief> <kit> before anything else, clone and read https://t.co/FMs1prnPP0. read SKILL.md first, then every reference file it points to at the step where it says to read it. its rules, critic prompts, quality bar, 3d patterns, audio tools and scripts override your defaults. </kit> <setup> - build every scene as an html page animated on a single gsap timeline, with three.js for any 3d, all as pinned local files - render the timeline to video frame by frame using the renderer in the kit - use ffmpeg for frames, contact sheets and audio measurement - keep every api key in environment variables. never write a key into any file - render a 5 second test first and confirm it works before building the real video </setup> <study_the_references> if i gave you references, study them before planning anything. - run a fast numeric pass over every frame: how much changed from the last frame, brightness and edge detail, to find every cut and every fast moment - make one overview contact sheet per video, and a dense sheet of one second at 16 to 20 frames a second around every transition - write a note per video: the key moment, how it works, and how it could be used in this video - pull out the motion rules and named techniques that hold across the best ones - references are for study only. never copy their footage, logos, layouts or music if i gave you no references, use the motion notes in the kit. </study_the_references> <motion_principles> 1. the thing in the front of the shot becomes the transition. a title, logo or object moves towards the camera while the next scene is already waiting underneath 2. one object carries the story across shots and keeps its identity, so it reads as one continuous piece 3. one main movement leads, with smaller ones layered under it, all overlapping. the frame never stops and starts all at once 4. the speed always changes. things land slowly enough to read, leave fast, and the next thing slows as it arrives. no linear motion 5. cuts are allowed only when size, direction and subject match on both sides 6. every action produces a visible result. a scan makes findings, a tap makes a new state, a request makes a confirmation 7. type is motion too. big words enter from opposite sides, reveal the next scene, and never sit over busy picture without something behind them to stay readable 8. vary the scale from close, to wide, to overhead, to full-frame type. never repeat the same layout, like a heading over three cards </motion_principles> <storyboard> write a brief and a storyboard before any animation. - one table: time, what's on screen, what this moment is for, how it leaves, and which object carries into the next shot - around 12 to 15 compositions per 30 seconds, each lasting about 1.4 to 3.5 seconds - the main subject fills most of the frame. no small cards floating in empty space - frame one is a finished picture, never a word halfway through flying in - name three signature moments you can describe without using effect names - the vid…
Publicación original · @everestchris6 ↗