Vibe coding i praksis: sådan er denne hjemmeside bygget

Der er en del snak om AI, der kan skrive kode, men det bliver hurtigt abstrakt. Så i stedet for endnu en generel forklaring vil jeg hellere vise, hvad det faktisk betyder, ved at bruge et konkret eksempel: den hjemmeside, du læser lige nu.

Hvad vibe coding er

Vibe coding er at bygge software ved at beskrive, hvad man vil have, i almindeligt sprog til en AI-kodeassistent, i stedet for selv at skrive hver linje kode. Man sætter retning og tjekker resultatet, i stedet for at være den, der taster syntaksen. Se ordbogsopslaget om Vibe Coding for den korte version.

Det er ikke det samme som at lade AI’en køre løbet uden opsyn. Nogen skal stadig vide, hvad et godt resultat ser ud som, kunne læse koden, der kommer ud, og fange det, der er forkert. Uden det bliver det hurtigt til noget, der ser rigtigt ud på overfladen, men ikke er det under motorhjelmen.

Sådan er michaelkirkegaard.dk faktisk bygget

Denne hjemmeside, både den danske og den engelske version på michaelkirkegaard.com, er bygget og bliver løbende vedligeholdt med Claude Code som kodeassistent. Det er ikke en enkeltstående demo. Det er den faktiske arbejdsproces, hver gang der skal ske noget på siderne:

• Nye landingssider og artikler. Jeg beskriver, hvad siden skal indeholde og hvorfor, og strukturen bliver bygget i det samme kodesprog og design, resten af sitet allerede bruger.
• Ordbogsopslag som det, du læser nu. Nye begreber, definitioner og dybdegående forklaringer bliver tilføjet direkte i sitets indholdsstruktur, ikke i et separat system.
• Rettelser og finpudsning. Når noget ser forkert ud, en pil er placeret forkert, eller en side ikke ser ens ud på mobil og desktop, bliver det rettet på samme måde: beskrevet, bygget, tjekket.
• Billeder og alt-tekst. Selv illustrationerne på artiklerne, som den, der ligger øverst på denne side, er genereret og indsat gennem den samme proces, med alt-tekst og filnavne sat rigtigt fra starten.

Før noget går i luften, bliver det bygget lokalt og tjekket, at det rent faktisk virker, både teknisk og visuelt. Det er den samme kvalitetskontrol, en udvikler ville lave, bare med en anden fordeling af, hvem der skriver koden.

Hvorfor jeg viser det i stedet for bare at nævne det

Det er let at sige, man “arbejder med AI.” Det er en anden sag at have et site, hvor det rent faktisk kan efterprøves. Denne artikel, ordbogsopslaget, billedet øverst på siden og strukturen, det hele er et produkt af den samme proces, jeg lige har beskrevet. Det er derfor, jeg synes, det er værd at skrive om, i stedet for blot at nævne det i en bisætning et sted.

Hvad det betyder for markedsføring

Det her rammer marketing-siden af en forretning direkte. Den klassiske flaskehals har altid været, at en ny landingsside, en teknisk SEO-rettelse eller en ny artikel skal vente på udviklerressourcer, ofte i ugevis. Når den, der forstår markedsføringen og strategien, også kan sætte ændringen i værk direkte, forsvinder den ventetid. Content, struktur og tekniske rettelser kan gå fra idé til live markant hurtigere.

Det er også en del af, hvordan jeg selv arbejder med SEO, hvor Claude allerede indgår i tech-stacken til research og briefs. Vibe coding er næste lag af det: ikke kun at bruge AI til at forberede arbejdet, men til selve byggeriet.

En ærlig grænse

Vibe coding er ikke en genvej til at springe kvalitet over. Det kræver stadig, at nogen forstår, hvad godt ser ud som, hvorfor en struktur giver mening for SEO, og hvornår resultatet ikke er godt nok endnu. Værktøjet har ændret sig. Ansvaret for resultatet har ikke.