Čo potrebuješ:

Postup:

  1. Otvor stránku, ktorá sa ti dizajnovo páči (napr. na Webflow)
  2. Klikni Preview in Browser
  3. Pravý klik → Inspect → skopíruj celý HTML dokument “copy(document.documentElement.outerHTML) “
  4. Otvor terminál, spusti Claude Code
  5. Vlož mu HTML a povedz v akom štýle chceš dizajn (cmd + V)
  6. Claude prepíše kód, ty len kontroluješ výsledok
  7. Dolaď čo chceš vidieť — farby, sekcie, obsah
  8. BONUS: Ak sa ti páčia animácie, vygeneruj si obrázok aký chceš, daj to do vid generation tool (Kling 3.0) s promptom nižšie:

Kling 3.0 prompt (príklad — cinematic animácia):

Cinematic deep space scene, glowing plasma ring emitting horizontal energy beam. Ultra slow, hypnotic motion. Slow pulsing ring brightness, delicate plasma filaments shifting, minimal sparks softly fading, beam with gentle shimmering distortion. No sudden movement, no intensity spikes, no fast particles. Camera: locked or micro push-in. Seamless 3s loop, no visible jump. Mood: calm, powerful, immersive.

Výsledok: Interaktívna, profesionálna stránka bez znalosti kódu.

<aside> 💡

Kľúčový tip: Neber prvý output. Povedz Claudovi čo sa ti nepáči a iteruj. Tretia verzia je zvyčajne tá správna. Uprav animáciu až kým nebude úplne smooth (s Claudom).

</aside>


<aside> 👉

Ďalej: V ďalšom kroku ti ukážem ako z toho spraviť reel za 3 minúty →

</aside>