Søndag aften lå jeg på sofaen og delte fem links fra X til min agent-indbakke. Alle fem handlede på den ene eller anden måde om det samme: motion. Animerede forklaringer, 3D-loops, musikvideoer — og alle med samme påstand under: lavet af Claude Opus 5.5.
Det øverste opslag havde 644.000 visninger og lød sådan her:
You no longer need After Effects if you use Claude Opus 5.5 correctly. It's f*cking unreal… Send PDF below to Opus 5.5, and thank me later.
Min note til mig selv var »Make something impressive for agentics.dk«. Mandag tog vi den.
Hvad der faktisk sker lige nu
Før vi byggede noget, bad jeg Claude om at finde ud af, hvorfor motion pludselig er over det hele. Er det en ny model, der kan noget nyt? Eller et framework?
Kort version: det er ikke en videomodel. Det er kode.
- Opus 5.5 kom 22. september, og bølgen af »lavet med Opus 5.5«-klip startede lige efter. Anthropic solgte den ikke som et motion-værktøj — ry'et er bygget af folk, der laver demoer.
- Claude Motion kom 8. oktober som beta på Team og Enterprise. Du skriver
/motion, Claude skriver kode, der animerer tekst, grafer og figurer, og du henter en MP4. Anthropic skriver det selv: der bruges ingen videogenereringsmodel, »so there's no generated footage and no AI-generated people«. - Rammeværkerne har fået agent-skills. Remotion (React → MP4), HeyGens HyperFrames (HTML + GSAP) og three.js til 3D har alle opskrifter, en kodeagent kan følge.
Og her er det, der fik mig til at stoppe op: Remotion har eksisteret siden 2021. Vi har selv brugt det på den her blog, og vi har eksperimenteret med Lottie. Animation som kode, renderet frame for frame til en MP4, er ikke nyt.
Så hvad er det så, alle er så begejstrede for?
»One prompt« er en myte — næsten
Under linket gemte der sig en artikel: Opus 5.5 Motion Lab. Den var mere ærlig end opslaget. Hver animation kom med prompten og alle opfølgningerne. Ét klip tog 10 opfølgninger. Den mest sete musikvideo i feedet var »fem minutters snak og en 12-timers kørsel«.
Det interessante var ikke klippet. Det var metoden: ingen rettelser ud fra mavefornemmelse. Alt blev målt — stillbilleder af enkelte frames, timing-tabeller, det dekodede lydspor. Modellen kan ikke høre, så lyden blev timet ud fra frame-numre og rettet ved at måle.
Det ville jeg teste.
Forsøget: samme brief, to modeller
Jeg skrev det her til Claude:
Claude skrev en brief og startede to agenter i hver sin tmux-session — Claude Opus 5.5 i Claude Code og GPT-6-Astra i Codex, med præcis samme tekst. Motivet var et samlebånd: arbejde kommer ind, går gennem stationer, venter ved en menneskelig godkendelse og kommer ud som noget færdigt. Kravene: én HTML-side, 8–12 sekunders loop, lyd syntetiseret i kode, og animationen skulle kunne spoles til et præcist tidspunkt, så agenten selv kunne tage stillbilleder og rette ud fra dem.
Motion Lab: "The Assembly Line" — a code-only motion piece for Agentics
You are a motion designer who works only in code. Build ONE short, looping, studio-quality animation as a self-contained HTML page. This is an experiment to see how far a coding agent can push motion design right now — aim for something that would make a designer stop scrolling, not a tech demo.
Background (why this exists)
A viral post claims Claude Opus 5.5 replaces After Effects. The credible version of that claim ("Opus 5.5 Motion Lab", @flxrnc) is: everything is code (three.js / shaders / canvas), rendered deterministically frame-by-frame, sound synthesized with the Web Audio API and timed from frame numbers — and every correction comes from measuring (frame stills, timing tables, decoded audio), never from guessing. We want to see what you can do with the same discipline.
The subject
Agentics (agentics.dk) runs assembly lines for AI coding agents: work enters a line, passes through a sequence of stations (each station is an agent doing one job — e.g. brief → design → build → review → ship), gates can hold work for human approval, and a finished artifact comes out the end.
Animate that idea. Suggested story (you may improve it, but keep it readable in one viewing): a raw piece of work enters, travels station to station, each station visibly transforms it (it gets more structured / refined / assembled), a gate pauses it for a beat and opens, and a finished, polished artifact emerges — then the loop closes seamlessly back to the start. Apply the classic principles: anticipation, squash & stretch, overlapping action, follow-through, arcs, easing. Make the motion feel good.
Brand
- Read
agentics-design-system/(README.md, tokens/, logo/, characters/) for colors, typography and the logo. Brand orange is #f87f2e — never generic Tailwind orange. - The Agentics mark is
>|. Using it (e.g. as the agent/station glyph or the end card) is welcome. - Calm, premium, light or dark is your call — but intentional.
Deliverable
Write everything inside your lane directory (given below):
index.html— the piece. Opens directly in a browser. Requirements:- Loops seamlessly, 8–12 seconds.
- Plays on load (silent). A small, tasteful "sound on" control enables audio — browsers block autoplaying sound.
- Deterministic time control: the animation must be a pure function of time
t. Exposewindow.seek(t)(seconds, pauses playback and renders exactly that moment) and support?t=3.25in the URL. This is what makes frame-accurate verification possible. - Sound synthesized in code with the Web Audio API (no sample files), each hit tied to the frame of the visual event it belongs to.
- Responsive: looks right in a square and a 16:9 viewport.
- External libraries ONLY from pinned exact-version URLs on
https://cdnjs.cloudflare.comorhttps://cdn.jsdelivr.net/npm/(e.g. three.js) — everything else inline. No other network requests, no local asset files other than what is inlined.
NOTES.md— your lab notebook, in English, with "receipts":- The concept and choreography (a beat sheet with timestamps).
- Every iteration: what you measured, what was wrong, what you changed. Be honest — include the failures.
- Final timings, what you're proud of, what you'd do with more time.
Method — verify by measuring
- Use Playwright (Node
playwrightis available vianpx; Chromium browsers are installed in~/.cache/ms-playwright) to load the page with?t=…/seek()and capture stills at key beats and around every transition and the loop seam (last frame vs first frame must match). Look at the stills yourself and critique them like a director. - Check the loop seam and the sync between sound events and visual events numerically.
- Do at least 4 rounds of capture → critique → fix. Stop when it is genuinely good, or after ~10 rounds.
- Put ALL captured stills, contact sheets, and any rendered video in your capture directory (given below) — NOT in the lane directory and NOT in /tmp (/tmp is RAM here).
- Optional but welcome: render a ~10 s mp4 preview into the capture directory with ffmpeg from captured frames (keep it modest: ≤ 1080p, 30–60 fps).
Hard rules
- Only write inside your lane directory and your capture directory. Read anything you like.
- Do not start, stop or touch Aspire, Docker, or any running services.
- If you hit the same wall 3 times, stop and write down what you tried in NOTES.md.
- Do NOT run
git addorgit commit. The parent reviews and owns git operations.
Stopping condition
When done: print DONE, list the files you wrote, and give a 5-line summary of the result
and how many iterations it took. Then stop.
Your directories
- Lane directory:
/workspaces/agentic-live-www/sandbox/motion-lab/opus/ - Capture directory:
/workspaces/bulkdata/motion-lab/opus/ - Repository root (read-only for you except the above):
/workspaces/agentic-live-www
Bemærk: fra min side var det faktisk én prompt. Jeg skrev ikke en eneste besked mere til nogen af dem, før de var færdige.
Resultatet
Partikler der bliver til tekst, wireframe, kort og et poleret produkt. Godkendelsen er en blinkende markør, der bliver til >|.
- Tid
- ~37 min
- Runder
- 7
- Lyd
- 42 hændelser
Maskinblokke i isometri. Syv orange brikker bliver til papir, layout og app-vindue. Godkendelsen er en orange skydedør.
- Tid
- ~16 min
- Runder
- 6
- Lyd
- 7 hændelser
Begge er ren kode (Canvas 2D + Web Audio), renderet frame for frame. Opus-klippet viser to loops. Astra renderede sin preview i 1280×720.
To meget forskellige bud på samme brief.
Astra lavede et roligt, næsten skulpturelt stykke: maskinblokke i isometri, syv orange brikker der bliver til et papir, et layout, et app-vindue, en orange skydedør ved godkendelsen. Pænt, stramt, korrekt. Mere illustration end film.
Opus gik efter noget filmisk: lyskegler fra hver station, filmkorn, motion blur, et kamera der slår til, når arbejdet bliver stemplet. Og så én idé, jeg ikke havde set komme. Godkendelsesporten er en kæmpe blinkende markør — en prompt, der venter på input. Når mennesket godkender, glider > ind og fuldender >|. Vores logo er pludselig selve pointen.
Opus skrev selv i sin logbog: »I didn't invent a metaphor; the logo already was one.«
Kvitteringerne er det interessante
Begge agenter skrev en logbog over hver runde. Det er den, der viser, hvad der faktisk har flyttet sig. Et udpluk af fejl, de fandt helt selv:
- Astra målte, at stempel-bevægelsen toppede 48 ms før sit tidspunkt. At et farveskift sprang på en ja/nej-tærskel i stedet for at glide. At lydsporet kunne genafspille gamle lyde efter mute. Og at dens egen test fejlede falsk, fordi den målte, før vinduet var færdig med at skifte størrelse.
- Opus målte, at baggrundslyset »teleporterede« ved loopets søm — 36,3 dB mod normalt 41,9 dB mellem to frames. At en ventetone ramte et frame, hvor porten var slukket. Og at den løse partikelsky visuelt nåede første station 23 frames før lyden af, at den landede. Den sidste kunne tabellerne ikke afsløre, fordi lyd og billede kom fra samme tal. Så Opus skrev et værktøj, der læste pixels for at få en uafhængig måling.
| Opus 5.5 | GPT-6-Astra | |
|---|---|---|
| Tid uden opsyn | ~37 min | ~16 min |
| Rettelsesrunder | 7 | 6 |
| Lydhændelser | 42, max 11 ms fra billedet | 7, under 0,05 ms fra billedet |
| Kode | ~1.100 linjer, læsbar | ~120 meget tætte linjer |
| Optagelser undervejs | 935 MB | 212 MB |
Ingen af dem ramte animationsprincipperne i første forsøg. Begge løftede sig ved at måle på deres eget arbejde.
Så hvad er nyt?
Ikke teknikken. Canvas, Web Audio, Playwright og ffmpeg har vi haft længe, og Remotion gør det samme mere elegant.
Det nye er, at modellen er blevet sin egen instruktør. Den tager stillbilleder, ser på dem som en instruktør, finder fejlen, retter og måler igen — seks-syv gange, uden at gå i stå og uden at jeg skal sige »frame 84 topper for sent«. Før var det mig, der var den løkke. Nu er jeg den, der skriver briefen og vælger mellem to bud.
Og så er der smag. At gøre godkendelsesporten til en ventende markør er ikke teknik. Det er en idé.
»After Effects er død« er markedsføring på kendt teknik. »Remotion med en bedre instruktør« sælger ikke lige så godt — men det er det, der er sket.
Det næste forsøg er oplagt: samme brief gennem Remotion, så vi kan se, om rammeværket eller instruktøren betyder mest.