Poslední dobou zkouším jiný způsob, jak dělat motion design. Tenhle text je o tom, jak udělat brand video s AI agenty tak, aby výsledek nebyl náhodný. Není to klasický postup, kdy člověk připraví storyboard, otevře After Effects a začne ručně skládat jednotlivé scény. A není to ani generování videa pomocí text-to-video modelů.
V mém případě vzniká každý snímek jako kód. AI agenti v Claude Code (model Claude Opus 5.5) navrhují koncept, připravují jednotlivé scény, kontrolují je, opravují a nakonec celý film vyrenderují přímo v prohlížeči pomocí Canvasu a WebGL.
Já do toho dodávám podklady, zadání, kontext, hudbu a hlavně rozhoduji, co funguje, co ne a co je potřeba předělat.
Tímhle způsobem zatím vznikly dva dost rozdílné projekty: krátký teaser nového webu Cleevia a minutový brand film pro Atomiku. Princip výroby byl u obou stejný, jen měřítko už bylo úplně jiné.
Co znamená video jako kód a proč ne text-to-video generátor
Video není generované, je naprogramované
Každá scéna je program, ne výstup modelu. Proto je výsledek opakovatelný a dá se upravit parametrem.
To je hlavní rozdíl proti všemu, co se dnes o AI videu píše.
Každá scéna je v podstatě malý program, který pro konkrétní čas přesně ví, kde má být objekt, jak velký má být, jak se má pohybovat, co má dělat kamera a jak má výsledný frame vypadat. Animace se potom vykresluje přímo v prohlížeči.
Výhoda je v tom, že výsledek je pokaždé stejný a zároveň kdykoliv upravitelný. Když chci změnit timing, zvětšit telefon, upravit pohyb kamery nebo předělat přechod mezi scénami, nemusím celé video generovat znovu a doufat, že se model tentokrát trefí. Změní se parametry a scéna se znovu vyrenderuje.
Stejně snadno se dají vyrábět další varianty: jiný formát, jiný timing nebo třeba úplně jiná hudba.
| Video jako kód | Text-to-video generátor | |
|---|---|---|
| Kontrola nad výstupem | Každý objekt, kamera a čas jsou parametry. Změníte číslo, scéna se přepočítá. | Prompt a náhoda. Změna znamená nové generování a nový výsledek. |
| Konzistence brandu | Staví se z reálného design systému: fonty, barvy, UI, loga. | Model brand napodobuje. Fonty a UI bývají přibližné. |
| Editovatelnost scény | Kdykoli, po jednotlivých parametrech, bez ztráty zbytku. | Prakticky jen nové generování celé scény. |
| Cena iterace | Vteřiny renderu v prohlížeči. | Minuty a kredity za každý pokus. |
| Práce s reálnými assety | Skutečné screenshoty, mapy, dashboardy a fotky produktu. | Assety se dají jen přibližně popsat. |
| Reprodukovatelnost | Stejný kód, stejný výsledek. Verze B s jinou hudbou za půl hodiny. | Stejný prompt, jiný výsledek. |
Proč začínáme hudbou, ne obrazem
Nejdřív hudba, potom obraz
Hudba je časová osa filmu. Beaty a nástupy určují, kdy přijde střih, pohyb i dopad.
U těchto videí nezačínám obrazem, ale hudbou.
Nejdřív se analyzuje tempo, beaty, nástupy, změny energie a místa, kde má přijít hlavní moment. Teprve potom se na tuhle časovou osu skládá obraz.
Každý důležitější pohyb tak dostane konkrétní místo v čase. Střih, změna UI, pohyb kamery nebo dopad objektu nejsou přibližně „někde do hudby“, ale jsou navázané přímo na její rytmus.
U Cleevia se pracovalo se 120 BPM, u Atomiky se 100 BPM. Díky tomu může být timing filmu přesně připravený ještě předtím, než jsou všechny jednotlivé scény hotové.
Proč agenti potřebují skutečné brand podklady
Skutečné podklady místo vymyšleného brandu
Druhá důležitá část jsou vstupy. Agenti nedostanou jen logo a větu „udělej video“, ale skutečné podklady firmy: Figmu, fonty, barvy, loga, screenshoty produktu, mapy, UI, prezentace a další materiály.
Součástí přípravy je i rešerše webu a dalších zdrojů. Agenti si potřebují zjistit, co firma dělá, jak komunikuje, jaké má produkty a jaký vizuální jazyk už používá.
Výsledný film tak nevzniká někde mimo značku. Naopak se snaží co nejvíc pracovat s tím, co už existuje, a převést skutečný design systém do pohybu.
Jak funguje multi-agent workflow pro produkci videa
Příprava → kreativa → výroba → kontrola kvality → finál. Uvnitř výroby smyčka tvůrce → kritik → dopracování.
1. Místo jednoho AI asistenta malé studio
Renderování samo o sobě není to, co mě na tom baví nejvíc. Zajímavější je, jak je zorganizovaná práce.
Nepoužívám jednoho agenta, kterému napíšu „udělej video“ a čekám na výsledek. Celý proces je poskládaný spíš jako malé produkční studio:
Příprava → Kreativa → Výroba → Kontrola kvality → Finál
- 01 Příprava assetů a briefu
- 02 Kreativní ředitelé navrhují, porota hodnotí, showrunner skládá směr
- 03 Tvůrce → Kritik → Dopracování
- 04 QA, zvuk, finál
V přípravě se řeší assety, Figma, web, hudba a reference. Potom několik agentů v roli kreativních ředitelů nezávisle navrhne vlastní koncepty. Další agenti fungují jako porota, návrhy hodnotí a hledají jejich slabá místa. Showrunner potom vezme nejsilnější nápady a sestaví z nich výsledný směr a storyboard.
Až potom začíná samotná produkce.
2. Smyčka: Tvůrce → Kritik → Dopracování
Ani jednotlivou scénu ale nevyrábí pouze jeden agent. Používám jednoduchou smyčku:
Tvůrce → Kritik → Dopracování
První agent scénu vytvoří. Druhý ji nezávisle zkontroluje proti původnímu zadání a hledá problémy. Třetí dostane scénu společně s kritikou a připomínky zapracuje.
Jednotlivé scény přitom mohou vznikat paralelně, takže místo jednoho dlouhého lineárního procesu běží několik částí produkce současně.
3. Jak vypadá zadání
Celé to začíná obyčejným textem. U Atomiky jsem napsal jedno zadání česky: co chci, z jakých podkladů vycházet a jak vysoko mířit.
Chci video o atomika.gold – o webu, aplikaci i celé firmě. Zhruba minutu, 16:9, ozvučené.
Ve Figmě najdeš všechno: logo, barvy, styl grafiky, mapy, web i aplikaci. Projdi si web a pořádně ho nastuduj. Přikládám hudbu, původní video, článek z LinkedInu a fonty Micro Grotesk a Geist Mono. Použij všechno, co bude ve videu fungovat – SVG, mapy, obrazovky.
Vymysli, jak srozumitelně podat, co Atomika vůbec je. Pusť na to celou firmu agentů a ty nejlepší režiséry.
A chovej se tak, jako by to video mělo vyhrát cenu za nejlepší design. Chci wow efekt.Orchestrátor si z něj potom rozepsal práci pro jednotlivé agenty. Každý dostane přesnou instrukci jen pro svou roli, ale se stejným kontextem. Takhle vypadalo zadání pro jednoho z pěti režisérů, kteří nezávisle navrhovali koncept filmu:
You are part of an elite motion-design studio making a 62-second, 16:9 brand film for Atomika – the open market for sodium cyanide, the reagent most of the world's gold depends on.
The film must do two things at once: win a design award, and make a first-time viewer understand what Atomika is.
Before you write anything, study the real material: the website, the Figma brand system (palette, typography, logo, 63 topographic maps, icons), the product screens, the music and the old film.
You are CREATIVE DIRECTOR A – BRAND SYSTEM. Turn Atomika's own identity into motion: contour lines drawing themselves and rising into 3D, the 45° diamond from the logo, a crosshair locking onto coordinates, sharp grotesk headlines against mono data labels. The idea: a market that never had a map finally gets surveyed.
Propose one complete concept. No tech-ad clichés – no glowing networks, no stock blockchain imagery. 14–20 shots, a hook in the first two seconds, every big reveal on a beat of the music, and a clear ending on atomika.gold.4. Zvuk je součást systému
Obraz je samozřejmě jen jedna část filmu. Agenti proto pracují i se sound designem.
Whooshe, kliky, dopady a další efekty se dají syntetizovat přímo kódem a umístit přesně na konkrétní frame. Hudba a efekty se potom sesadí do výsledné stopy a mix se připraví pro finální formát.
Tady ale automatizace naráží na jasný limit. Technicky se dá měřit hlasitost, loudness nebo přesné umístění efektu, ale finální zvuk musí stejně poslechnout člověk.
Měření vám řekne, že je mix technicky v pořádku. Neřekne ale spolehlivě, že nějaký zvuk působí levně, příliš agresivně nebo prostě nesedí k obrazu.
Jak to dopadlo: teaser pro Cleevio a brand film pro Atomiku
Stejný postup, 18 sekund pro Cleevio a 62 sekund pro Atomiku. Liší se počet agentů a objem podkladů.
1. Cleevio: teaser nového webu
První větší test byl teaser nového webu Cleevia.
Základní koncept byl FULL STOP. The new cleevio.com. Nechtěl jsem udělat jen rychlou montáž screenshotů webu, ale využít prvky, které jsou přímo součástí jeho designu.
Jedním z hlavních motivů se proto stala tečka z textů webu, například z claimu Built to stand out. Ve filmu začne fungovat skoro jako interaktivní objekt. Otevírá další vrstvy a postupně nás dostává hlouběji do webu.
Podobně jsem chtěl pracovat i s kurzorem. Ten z hero videa postupně ožije jako ruka designéra a začne pracovat se skutečnými prvky webu: MacBookem, telefony a kartami projektů jako Packeta nebo Spendee.
Showreel byl rozdělený na 11 scén a od začátku se počítalo se dvěma formáty, 16:9 a 9:16. Vertikální verze přitom není jen oříznutý horizontální obraz. Jednotlivé scény dostaly vlastní kompozice a úpravy, aby fungovaly i na telefonu.
Na celém procesu pracovalo 105 AI agentů rozdělených do několika workflow. První hrubý střih vznikl přibližně za tři hodiny a finální 16:9 i 9:16 verze byly hotové zhruba za 6,5 hodiny od zadání.
Později vznikla ještě další verze s vlastní hudbou vytvořenou v Suno. Obraz se přečasoval na novou skladbu, upravily se některé scény a zvukové efekty se znovu smíchaly pod hudbu.
- 105
- agentů
- 11
- scén
- 120
- BPM
- 16:9 + 9:16
2. Atomika: minutový brand film
U Atomiky už šlo o výrazně větší test.
Zadání bylo vytvořit přibližně minutový 16:9 brand film, který představí firmu, produkt i princip trhu a zároveň bude mít výrazný vizuální „wow efekt“.
Tady už bylo na začátku mnohem víc podkladů. Figma obsahovala logo, prezentace, mapy, web, dashboardy a aukční rozhraní. K tomu byla dodaná hudba, část staršího videa, další obsahové materiály a fonty Micro Grotesk a Geist Mono.
Z toho vznikl koncept LEVEL. A line of equal value.
Hlavním motivem se stala horizontální rovina, kterou doplňuje diamant otočený o 45°, topografické vrstevnice a datové karty. Tyhle prvky se potom v různých podobách opakují napříč celým filmem a drží jednotlivé scény pohromadě.
Film má 16 scén, přibližně 62 sekund a 100 BPM.
Jedním z hlavních momentů je 3D krajina postavená z vrstevnic. Jednotlivé nabídky vyrůstají z povrchu jako věže a cenová rovina je postupně srovná na jednu úroveň. Do stejného momentu se promítá konkrétní údaj z aukce: 2 600 → 3 050 USD/t, tedy +17 %.
Tentokrát už byl celý produkční systém výrazně větší. Na přípravě podkladů pracovali 4 agenti, kreativní část řešilo 14 agentů, výrobu 72 a kontrolu kvality dalších 35.
Celkem tedy 125 AI agentů.
Od prvního zadání po hotový film a web uplynulo přibližně 8,5 hodiny. Můj vlastní aktivní čas z toho byly přibližně 4 hodiny, hlavně příprava podkladů a briefu, průběžné kontroly, kreativní rozhodování, review výsledků a finální publikace. Mezitím už jednotlivé agentní workflow běžely samostatně nebo paralelně.
- 125
- agentů
- 16
- scén
- 62 s
- 100
- BPM
- cca 4 h
- mého času
Jaká je role člověka v agentním workflow
Méně keyframů, víc rozhodování. Vkus, značka a finální výběr zůstávají na člověku.
1. Co v tom vlastně dělám já
Na celém experimentu mě nejvíc překvapilo, jak moc se posouvá moje role.
Méně času trávím tím, že ručně posouvám keyframy nebo vyrábím každý jednotlivý prvek, a mnohem víc času věnuji přípravě vstupů, kontextu, návrhu procesu, výběru směru a rozhodování, co funguje a co se musí udělat znovu.
V určitém smyslu se moje role posouvá z motion designéra víc směrem k art directorovi celého systému.
AI dokáže převzít velkou část produkční práce, ale pořád potřebuje někoho, kdo zná značku, má vizuální cit a dokáže říct: Tohle funguje. Tohle ne. A tohle uděláme znovu.
2. Bez dobrých vstupů to nefunguje
Celý proces dokáže být velmi rychlý, ale není to kouzelné tlačítko.
Bez dobré Figmy, správných assetů, faktů, hudby a jasného briefu se kvalitní výsledek prostě neobjeví.
Agentní workflow špatné zadání nezachrání.
Jen ho vyrobí rychleji.
3. Co se pro mě změnilo
Nejde mi ani tak o číslo 105 nebo 125 agentů. A vlastně ani o to, že minutový brand film může vzniknout během jednoho pracovního dne.
Důležitější je změna samotného způsobu práce.
Dřív jsem vytvořil scénu. Teď můžu vytvořit systém, který scénu navrhne, vyrobí, zkritizuje a znovu upraví. Jednotliví agenti mají svoje role, jejich práce na sebe navazuje a některé části produkce mohou běžet paralelně.
Člověk se tím z procesu neztrácí. Spíš se může víc soustředit na věci, kde má jeho rozhodnutí největší hodnotu: směr, nápad, vkus a finální výběr.
Cleevio teaserThe new cleevio.comPodívejte se na výsledek →
Atomika brand filmLevel. A line of equal value.Podívejte se na výsledek →Jak jsme postupovali
Postup v šesti krocích, který jde zopakovat.
Když to mám shrnout pro někoho, kdo to chce zkusit v Claude Code s Opus 5.5, vypadá postup takhle:
- Podklady. Figma, fonty, loga, screenshoty produktu, hudba, texty. Bez nich agenti vyrobí obecné video o ničem.
- Hudba jako časová osa. Nejdřív analýza beatů a energie, teprve pak scény. Každý střih dostane svůj čas.
- Koncepty a porota. Několik agentů navrhne směr, jiní ho zkritizují, showrunner sestaví storyboard.
- Výroba ve smyčce. Tvůrce, kritik, dopracování. Scéna jde do filmu až po třetím kroku.
- Zvuk. Efekty syntetizované kódem a umístěné na frame, mix s hudbou. Poslechne člověk.
- Review a render. Interní porota oboduje, nejslabší scény se předělají, finál se vyrenderuje v prohlížeči.
Na jednom MacBooku to znamená pracovat ve vlnách po 10–12 agentech. Celý den práce pro minutový film je reálné číslo, ne marketing.
Časté otázky
Odpovědi na otázky, které dostáváme nejčastěji.
Umí AI agenti vytvořit production-ready motion design?
- Ano, pokud dostanou skutečné podklady a někdo za ně rozhoduje. Teaser pro Cleevio a minutový film pro Atomiku vznikly tímto způsobem a oba běží online. První verze ale nebývá finální: porota scény hodnotí a nejslabší se předělávají.
Jak funguje produkce videa pomocí AI agentů?
- Jako malé studio. Příprava podkladů, několik kreativních konceptů a porota, pak výroba scény po scéně ve smyčce tvůrce → kritik → dopracování, kontrola kvality a finální render v prohlížeči. Každá scéna je kód, ne výstup generátoru.
Proč Claude Code místo AI video generátoru?
- Protože výsledek je deterministický a editovatelný. Změna timingu, velikosti telefonu nebo hudby je změna parametru, ne nové generování s nejistým výsledkem. A film se staví z reálného design systému firmy, ne z přibližné nápodoby.
Kolik agentů a času stál film pro Atomiku?
- 125 agentů: 4 na přípravu, 14 na kreativu, 72 na výrobu a 35 na kontrolu kvality. Od zadání po hotový film a web uplynulo přibližně 8,5 hodiny, z toho zhruba 4 hodiny lidské práce.
Jaká je role designéra v agentním workflow?
- Spíš art director než operátor keyframů. Připravuje vstupy a kontext, vybírá směr, poslouchá zvuk a rozhoduje, co je dost dobré a co se dělá znovu. AI převezme produkční práci, vkus a znalost značky zůstávají na člověku.
Kolik takový film stojí a jak dlouho trvá?
- Teaser pro Cleevio byl hotový za 6,5 hodiny od zadání, minutový film pro Atomiku za 8,5 hodiny. Cena závisí na délce, množství podkladů a tom, jestli už máte design systém. Nejrychlejší cesta k číslu je krátký call, kde projdeme, co chcete natočit.
