Tento workflow je pre teba, ak chceš svojím brandom niečo povedať cez krátke videá s motion graphics, ale nechce sa ti otvárať After Effects ani platiť za editora. Predpoklad: máš urobený svoj design systém v Claude Design (ak nie, pozri si stranu 16). Claude Code spolu s Remotion postaví video automaticky podľa toho, čo mu nadiktuješ.

1. Exportni si design systém ako jednu MD file

Claude Design má pre tvoj brand všetko: farby, fonty, spacing, komponenty. Aby si ho mohol použiť mimo Claude Design, treba ho dostať von ako jeden markdown súbor, ktorý Claude Code prečíta.

Postup:

1. Otvor svoj Claude Design projekt, kde máš brand identitu.
2. Napíš mu: Exportni mi celý design systém do jednej MD file, ktorú viem stiahnuť.
3. Klikni download a ulož design-system.md .

Prompt na skopírovanie:

Vezmi celý môj design systém z tohto projektu (farby, fonty, spacing, motion princípy, brand voice) a exportni ho ako jeden markdown súbor `design-system.md`. Štruktúra: 1) tokens (hex, font family, sizes), 2) komponenty (typografia, tlačidlá, karty), 3) motion (durations, easings), 4) brand pravidlá. Žiadne komentáre, len čisté hodnoty, aby to vedel Claude Code prečítať a aplikovať.

2. Vlož design systém do priečinku s videom

Claude Code najlepšie pracuje, keď má všetko v jednej zložke. Design systém ide vedľa zdrojových klipov, aby Remotion vedel kresliť presne v tvojich farbách a fontoch.

Postup:

1. V Claude Code otvor priečinok /reels/27/.
2. Sem hoď design-system.md z prvého kroku.
3. Povedz Claudovi, nech si ho prečíta a potvrdí, že podľa neho bude stavať video.

Prompt na skopírovanie:

V tomto priečinku mám `design-system.md`. Prečítaj ho a zhrň mi v 5 bodoch: hlavné farby (hex), font family, base font size, primary motion duration a tri brand pravidlá, ktoré musíš pri tvorbe videa dodržať. Toto bude tvoja jediná referencia, žiadne defaultné Remotion farby.