DDE 2026 · Workshop · CIU
Vibecoding-guiden
Sådan bygger du interaktive læringsværktøjer med Claude, ChatGPT eller Gemini uden at skrive kode. Brug den i dag, og kom tilbage til den, når du skal bygge det næste.
Trin 1
Vælg dit værktøj
Alle tre kan bygge en lille hjemmeside eller app ud fra en beskrivelse på dansk. Forskellen er, hvor du ser resultatet, og hvordan du deler det.
Plan B, der virker i alle tre værktøjer
Skriv til sidst:
Giv mig hele produktet som én komplet HTML-fil, som jeg kan gemme og åbne i min browser.
Kopiér koden ind i en tekstfil, gem den som navn.html, og dobbeltklik for at åbne den. Filen kan sendes på mail, lægges i en læringsplatform eller på et gratis hostingsted som Netlify Drop, hvis din skole tillader det.
Trin 2
Tre runder, uanset værktøj
Byg i små skridt. Ét ønske ad gangen giver bedre resultater end én lang prompt, og du lærer at se, hvad hver ændring gør.
Det virker
Giv teksten og skabelon-prompten, og få en første version. Prøv alle knapper. Er der noget, der ikke gør, hvad du forventer?
Pædagogikken
Gør produktet bedre til at lære fra sig: feedback der forklarer hvorfor, hint, sværhedsgrader og en opsamling til sidst.
Stemningen
Giv produktet tone og udseende, der passer til målgruppen: sprog, farver, tydelige knapper og mobilvenlig visning.
Løsningsdøren
"Lav det for mig." Du får et produkt, men du aner ikke, om det er fagligt rigtigt, eller hvorfor det virker.
Læringsdøren
"Hjælp mig med at beskrive, hvad jeg vil have." Du formulerer mål, målgruppe og tone og vurderer selv, om resultatet er rigtigt. Det er her, læringen sker, også hos eleverne.
Trin 4
Rettelser og forbedringer
Korte prompts, du kan blive ved med at bruge. Skift teksterne i firkantede parenteser ud med dit eget.
Fejlsøgning
Når det går galt
Inden du bruger det i undervisningen
Tjekliste før eleverne ser det
AI skriver koden, men du står inde for indholdet. Sæt flueben, mens du går igennem produktet.
Øvetekster
Tekstbank
Fem korte faglige tekster. Tryk på "Brug i produktmenuen" for at bygge videre på en af dem, eller kopiér teksten og brug den i dit eget værktøj.
Tekstene er forenklede eksempler til workshoppen. Tjek altid detaljer mod fagets egne kilder, før et produkt bruges i undervisningen.
Efter workshoppen
Næste skridt
Byg én ting
Tag en tekst fra din næste lektion, og byg den som produkt. Brug de tre runder.
Prøv det med elever
Lad dem finde fejl og forvirrende steder i dit produkt. Det er bug-jagten, bare med dine elever.
Lad eleverne bygge
Bed dem lave et produkt til en yngre klasse og forklare, hvorfor de valgte som de gjorde.
Det du skriver her, gemmes kun i din browser på denne enhed.