Redesign, mockups → live
2 dage
Bygget / Case: Denne side
Denne side er
selv en case.
Alt du kigger på lige nu, designet, teksterne, journalen og nyhedsbrevet bag den, er bygget i samtale med AI og delvist driftet af agenter. Her er hele maskinrummet, uden filter: beslutningerne, automatiseringerne og det der gik galt undervejs.
Tesen
Værktøjet byggede komponenterne. Jeg traf de valg, værktøjet ikke kan træffe.
Det er let at få AI til at bygge en hjemmeside. Det svære er alt det andet: at holde ét designsprog gennem hundrede små ændringer, at sige nej til værktøjets standardløsninger, og at vide hvornår en agent må arbejde alene, og hvornår et menneske skal godkende.
Den disciplin er selve ydelsen. Så i stedet for at beskrive den, kan du efterse den her: siden du står på, er bygget præcis sådan, som jeg bygger for kunder.
Det er ikke en færdighed jeg har fået af AI. Det er den samme vurdering, jeg har brugt tyve år på at træne foran en skærm i klipperummet. Værktøjet er nyt. Blikket er ikke.
Redesignet · Sådan blev det til
Fra mockup til live,
i fire trin.
01
Mockups, i Claude Cowork
Hele sitet blev først bygget som selvstændige HTML-mockups i Claude Cowork. Forskellen på Cowork og en almindelig chat: den arbejder direkte i projektmappen, med adgang til hele BrixAI: strategidokumenter, ydelsesbeskrivelser, sitets kildekode, screenshots og alle tidligere beslutninger. Mockupperne gætter ikke. De kender projektet. Context engineering i praksis.
02
Beslutninger, versioneret
Hver rettelse blev en ny version (v01 → v08), gemt i projektmappen: skarpere overskrifter, "Agenter i drift: 17", vibecode tonet ned, casen løftet op. Mockups er billige. Beslutninger er dyre. Så de blev truffet, mens det stadig var billigt.
03
Udviklingen, i Claude Code
Selve implementeringen kørte i Claude Code: afgrænsede prompts, ét trin ad gangen, skrevet ud fra de godkendte mockups, og diffen blev læst før hver commit. Det er dét, der holder et site sammenhængende, når AI skriver koden.
04
Bygget og deployet
Hvert trin blev bygget og publiceret med det samme: rediger → commit → push → live. Røret blev testet, før der blev bygget videre på det. Ingen big bang-lancering; bare mange små, sikre skridt.
Mockuppen der blev til siden, designkilden lever ved siden af deployen, ikke i den
Fem beslutninger
Det, der holdt siden sammen.
Beslutning 01
Egen CSS, ikke værktøjets
Værktøjet ville helst konvertere alt til sin standard. Det fik det ikke lov til: ét eget designsystem med egne variabler, intakt. Det er præcis dér, design ellers driver over i generisk SaaS.
Beslutning 02
Gendan, forbedr ikke
Værktøjet fik en forbudt-liste: ingen standardfonte, ingen lilla gradients, ingen runde SaaS-kort. At sige nej til værktøjet er halvdelen af håndværket.
Beslutning 03
Rør kun det nødvendige
Hver ændring kirurgisk, diffen læst før hver commit. Granulariteten i git-historikken er selve beviset på disciplinen.
Beslutning 04
Tekst er indhold, ikke kode
Al copy styres uden for koden med stabile ID'er, så værktøjet kan peges præcist hen på én sætning, uden at røre markup.
Beslutning 05
Agenten passer sin del af sitet
Journal vedligeholdes af en agent, der committer direkte til repoet. Siden passer delvist sig selv: et agent-workflow i drift, ikke en demo.
Bonus
Promptcoachen kan ikke misbruges
Den coacher prompten og udfører aldrig opgaven, håndhævet i backend med låst systemprompt og rate-limit, ikke kun i tekst.
Maskinrummet
Tre agenter arbejder
mens du læser det her.
Sitet er ikke bare bygget med AI. Det driftes delvist af den. Tre automatiseringer kører fast, og de hænger sammen.
Agent 01 · Hver uge · n8n + GPT + GitHub + MailerLite
Journalen skriver og udgiver sig selv
Agenten samler ugens AI-nyt fra 10 kilder, skriver overblikket i min tone og committer den færdige artikel direkte til sitets repo, siden bygger om, posten er live. Samme output bliver samtidig til ugens MailerLite-kampagne. Ét flow, to kanaler, nul manuelle trin.
Agent 02 · Hver morgen kl. 06.07
Det daglige AI-brev
Overvåger danske og internationale kilder, kuraterer ti historier og sender via MailerLite. Hver morgen, før nogen er mødt ind. Brevet henter selv en roterende guide-anbefaling fra sitet, så indholdet peger tilbage hertil.
10 kilder→Kuratering→Min tone→Indbakken 06.07
Agent 03 · Døgnet rundt
Promptcoachen
En live sandbox med egen backend: låst systemprompt, rate-limit og en snæver opgave. Den coacher prompten og udfører aldrig arbejdet. Kører som serverless funktion, koster nærmest ingenting i drift.
∞
Pointen er kredsløbet: agenten skriver til sitet, sitet fodrer agenten. Journalen committer artikler ind, og nyhedsbrevet henter guides ud. Det er ikke tre løsrevne automatiseringer; det er ét system, der peger på sig selv.
Radikal transparens
Det gik også galt.
Polerede cases er reklame. Her er det, der knækkede undervejs, fordi det er dét, der gør resten troværdigt.
✕
Mobilen var ikke rigtig med i første hug. Hamburger-menuen og scroll-cue måtte rettes bagefter. Desktop-first er en fælde, også med AI.
✕
Agent-pipelinen fejlede selv. Et blogindlæg blev committet med et ødelagt filnavn fra n8n og måtte slettes og erstattes. Agent-workflows fejler også. De skal bare kunne rettes hurtigt.
✕
Der skulle ryddes op undervejs. Dubleret metadata, ubrugte billeder og død CSS. AI-genereret kode kræver samme hygiejne som al anden kode.
✓
Men røret blev testet først. Hele kæden, rediger, commit, push, deploy, blev bevist med en testcommit, før der blev bygget videre. Validér først, skalér bagefter.
Slutpointen
Hverken du eller siden er færdige.
Du står i en case, der stadig bygges.
Vil du have et maskinrum som det her?
Et site der passer sig selv, et nyhedsbrev der skriver sig selv, rapporter der samler sig selv. Det starter med 30 minutter på Teams. Gratis.