EDIT

Sådan laver du "denne edit" med AI

Guiden til videoen med de 37 effekter (AI og Tech - Danmark, oktober 2026). Alt er bygget med Claude Code og HyperFrames, et open source-værktøj fra HeyGen (Apache-2.0), der laver video ud af HTML.

1. Kom i gang (5 minutter)

Du skal have Node.js installeret. Kør så i en terminal:

npx hyperframes init min-video
cd min-video
npx hyperframes preview

preview åbner HyperFrames Studio i din browser, hvor du kan afspille og spole i videoen.

2. Find effekter

npx hyperframes catalog

Kataloget har over 400 færdige effekter (blocks og components): 3D, shaders, kinetisk tekst, chat- og telefon-mockups, grafer, kort og kamera-effekter. Søg med et ord, fx npx hyperframes catalog carousel.

3. Lad Claude Code bygge den

Åbn Claude Code i mappen, og skriv hvad du vil have. Eksempler, vi selv brugte:

• "Find en 3D-karrusel i HyperFrames-kataloget, og fyld den med billeder fra mine videoer."
• "Lav en titel, hvor ordene slår ind i takt med min speak."
• "Gør blokken lodret til Instagram, 1080 × 1920."
• "Kør npx hyperframes lint og snapshot, og vis mig, hvad der ser forkert ud."

Claude Code installerer blokken med npx hyperframes add <navn>, retter teksten og sætter den ind på tidslinjen.

4. Se det, og render

npx hyperframes render --quality delivery -o min-video.mp4

Det, vi lærte (sparer dig timer)

• De fleste effekter er bygget i 16:9. Til Reels og TikTok skal de gøres lodrette, og tekst og kamera skal rykkes. Bed Claude Code om det, og tjek med snapshot.
• Kun én shader pr. side. Shader-effekterne (flydende metal, nordlys …) tegner kun den første på en side. Render hver shader for sig med render -c compositions/<navn>.html, og brug klippene i videoen.
• Lange effekter kan trimmes. Render dem som klip, og vælg det bedste stykke med data-media-start.
• Brug variabler. De fleste blokke har tekst og farver, du kan sætte uden at røre koden.
• Preview før render. Det er hurtigere at rette i Studio end at rendere igen.

Spørgsmål? Skriv til os på Instagram: AI og Tech - Danmark.