#návod pro začátečníkybez střihu · bez After Effects

JAK JSEM UDĚLAL
5 REELS PRO FRONTKON

Jeden večer, jedna konverzace s Claude Code a projekt v Remotion (videa psaná v Reactu). Claude si sám stáhl program, barvy, fonty a fotky speakerů z webu, napsal scénáře, vygeneroval hlas, poskládal animace, zkontroloval náhledy a vyrenderoval MP4. Tady je postup, který zvládne i začátečník.

VÝSLEDEK

KROK ZA KROKEM

Nainstaluj nástroje

Potřebuješ Claude Code (návod je na hlavní stránce), Node.js 22+ a ffmpeg.

brew install node ffmpeg # macOS claude --version # ověř Claude Code

Založ Remotion projekt

Remotion = video jako React komponenta. Šablonu vytvoříš jedním příkazem, vyber Blank.

npx create-video@latest cd my-video npm install claude

Řekni Claudovi, co chceš

Piš normálně česky. Dej mu odkaz na web, formát a počet videí. Čím konkrétnější, tím lepší.

Vytvoř mi 5 reels (1080×1920, max 45 s) pro konferenci z webu https://www.frontkon.tech: 2× program, 1× workshopy, 2× kreativní pozvánka. Vezmi z webu barvy, fonty, logo a fotky speakerů a drž se jejich brandu. Anglický voiceover, titulky dole, na konci CTA na web. Nejdřív mi ukaž plán a scénáře.

Schval plán a scénáře

Claude navrhne scény a texty. Oprav, co se ti nelíbí („čtvrté video udělej jako GitHub pull request“), a teprve pak ho nech psát kód.

Hlas a hudba (volitelné)

Bez hlasu stačí hudba a titulky. S hlasem: zdarma přes edge-tts, nebo lépe přes placené TTS (já použil MiniMax přes Replicate, 5 videí stálo pod 1 $).

pip3 install edge-tts edge-tts --voice en-US-AndrewNeural --text "Your FrontKon day, hour by hour." --write-media a1.mp3

Nejdřív náhledy, pak render

Řekni: „vyrenderuj pár snímků z každého videa a zkontroluj je“. Claude si obrázky sám prohlédne a opraví, co přetéká nebo se překrývá. Živý náhled uvidíš i ty:

npx remotion studio # náhled v prohlížeči npx remotion render src/index.ts MojeVideo out/video.mp4

Srovnej hlasitost a publikuj

Sociální sítě chtějí zhruba −14 LUFS. Jeden ffmpeg příkaz, obraz se nepřekódovává.

ffmpeg -i out/video.mp4 -c:v copy -af loudnorm=I=-14:TP=-1.5:LRA=11 -c:a aac -b:a 192k final.mp4

…NEBO TO CELÉ JEDNÍM PROMPTEM

Otevři terminál v prázdné složce, spusť claude a vlož tohle. Změň jen web a počet videí.

Chci 5 krátkých vertikálních videí (reels, 1080×1920, 30–45 s) jako pozvánky na konferenci https://www.frontkon.tech. 1. Připrav projekt: pokud tu není Remotion projekt, založ ho (npx create-video@latest, šablona Blank) a nainstaluj závislosti. Ověř, že mám ffmpeg a edge-tts (pip3 install edge-tts), a když ne, řekni mi, jak je doinstalovat. 2. Research: stáhni z webu program, workshopy a speakery. Vytáhni brand: barvy (hex), fonty (stáhni woff2), logo (SVG) a fotky speakerů do public/. 3. Navrhni 5 videí: 2× program (celý den hodinu po hodině; výběr mezi stage), 1× workshopy, 2× kreativní pozvánka (třeba GitHub pull request a palubní vstupenka). Ke každému napiš scénu po scéně a anglický voiceover po větách. Ukaž mi plán a počkej, až ho schválím. 4. Hlas: každou větu vygeneruj zvlášť přes edge-tts (hlas en-US-AndrewNeural) a změř délky přes ffprobe. Délka každé scény = délka její věty. Pod to jemná hudba, ztlumená pod hlas. 5. Postav kompozice v Remotionu v brandu webu: animované nadpisy, fotky speakerů, titulky dole, na konci CTA s adresou webu. Text drž mimo horních a dolních 15 % obrazu. 6. Z každého videa vyrenderuj 4–5 náhledových snímků, prohlédni si je a oprav všechno, co přetéká, překrývá se nebo je špatně čitelné. Opakuj, dokud to není čisté. 7. Vyrenderuj MP4 do out/, srovnej hlasitost na -14 LUFS (ffmpeg loudnorm, obraz nepřekódovávej) a vypiš mi seznam souborů s délkami.

Počítej s tím, že Claude se občas na něco zeptá nebo požádá o povolení spustit příkaz. Tak je to v pořádku.

TIPY, KTERÉ UŠETŘÍ ČAS

🖼️

Náhledy před renderem

Render trvá minuty, snímek sekundy. Vždy nejdřív stills.

⏱️

Délka podle hlasu

Ať Claude počítá délku scén z reálné délky nahrávek, ne odhadem.

📱

Safe zóny

U reels drž text mezi horními a dolními ~15 %. Zbytek zakryje UI Instagramu.

💾

Místo na disku

Remotion nechává ~70 MB dočasných souborů na render. Občas smaž $TMPDIR/remotion-*.

🎨

Postavy kresli v SVG

AI obrázky neudrží stejnou postavu. Opakovanou postavu (Wojak, kachnička) ať Claude nakreslí v kódu.

🗣️

Čeština v TTS

Anglická slova piš foneticky: „Pimp maj Klód Kód“. Do titulků je vrať zpátky.