Konsten att iterera — så förbättrar du med AI

Det allra vanligaste misstaget när man börjar med vibekodning är att man ger upp för tidigt.

Man skriver en prompt, får ett resultat som är okej men inte riktigt vad man hade tänkt sig, och tänker: "Det är kanske inte för mig." Men det är precis i det ögonblicket som vibekodningens egentliga styrka börjar. Du behöver inte få det perfekt på första försöket. Det förväntas faktiskt inte av dig.

Det är det som kallas att iterera — att ta ett första utkast och förfina det, steg för steg, tills det är precis vad du behöver.

Varför iteration är en styrka, inte ett misslyckande

Tänk på hur du skriver ett lektionsplaneringsunderlag. Du skriver ett utkast, läser igenom det, ändrar en rubrik, lägger till ett moment, tar bort ett annat. Det är iteration. Du hade inte förväntat dig att det skulle bli perfekt på första försöket.

Exakt samma logik gäller för vibekodning. Skillnaden är att AI:n gör om hela resursen åt dig varje gång du ber om en ändring — på några sekunder. Det gör att du kan iterera mycket snabbare och mer fritt än med traditionella verktyg.

Tre kategorier av iteration

Det hjälper att tänka på ändringar i tre kategorier. Det gör det lättare att formulera vad du faktiskt vill ha.

Utseende

Hur saker ser ut: färger, storlekar, layout, typografi.

• "Gör texten större, den är svår att läsa på projektorn"
• "Byt färgschema — använd mörkblå och guld istället"
• "Lägg till en bakgrundsbild som ser ut som ett gammalt pergament"
• "Gör det mer likt Minecraft-estetik — eleverna är inne på det just nu"
• "Flytta poängtavlan till höger sida istället för botten"

Funktionalitet

Vad saker gör: beteenden, regler, interaktioner.

• "Lägg till en timer på 30 sekunder per fråga"
• "Gör så att frågorna kommer i slumpmässig ordning varje gång"
• "Lägg till en topplista som sparas under sessionen"
• "Lägg till ljud när man svarar rätt — ett jubel-ljud och ett felljud"
• "Gör så att man inte kan gå vidare förrän man svarat på frågan"

Innehåll

Vad som faktiskt står och visas: frågor, text, ämnesinnehåll.

• "Byt ut frågorna till dessa: [klistra in dina egna frågor]"
• "Ändra förklaringarna så att de är lättare att förstå för åk 5"
• "Lägg till en ledtråd-funktion som ger en hint om man klickar"
• "Översätt allt till engelska"
• "Gör förklaringarna mer detaljerade — lägg till ett stycke per svar"

Fyra principer för effektiv iteration

1. Var specifik

Vag feedback ger vaga resultat.

| Säg inte | Säg istället | |----------|--------------| | "Gör det snyggare" | "Gör bakgrunden mörkblå och knapparna avrundade med en ljusblå hover-effekt" | | "Ändra knappen" | "Gör den gröna knappen dubbelt så stor och flytta den till mitten" | | "Det ser inte bra ut på mobilen" | "På mobilskärmar staplas kategorierna ovanpå varandra och överlappar — fixa det" |

Det behövs ingen teknisk terminologi. Beskriv bara vad du ser och vad du vill att det ska se ut som istället.

2. En sak i taget

Testa varje ändring innan du ber om nästa. Det finns tre goda skäl:

• Om något går sönder vet du exakt vad som orsakade det
• AI:n är mer tillförlitlig med specifika, avgränsade instruktioner
• Du lär dig snabbare vad som fungerar och vad som inte gör det

3. Referera till det befintliga

Det är lätt att AI:n råkar ändra saker du var nöjd med. Förebygg det med ett enkelt tillägg i prompten:

• "Behåll allt annat exakt som det är, men..."
• "Ändra bara timern — rör inte frågorna eller poängsystemet"
• "Det enda jag vill ändra är bakgrundsfärgen"

Det är lite som att säga till en kollega som hjälper dig med ett dokument: "Ändra bara rubriken, rör inte brödtexten."

4. Spara mellanversioner

Det här är den viktigaste praktiska vanan att etablera tidigt. Innan du ber om en stor ändring — kopiera den nuvarande HTML-koden och spara den någonstans.

Det behöver inte vara komplicerat: öppna Anteckningar (Notepad) och klistra in koden. Döp filen till "quiz-kemi-v2.html". Om något går fel kan du alltid gå tillbaka till den versionen.

Ett konkret exempel: från utkast till färdig resurs

Låt oss följa ett verkligt iterationsflöde. Målet är ett quiz om Andra världskriget för gymnasiet.

Steg 1 — Grundutkastet: Du ber AI:n om ett quiz med tio frågor. Du får ett fungerande resultat men det ser lite tråkigt ut och poängsystemet saknas.

Steg 2 — Utseende: "Ge det ett mörkare färgschema — svart bakgrund, guldfärgad text, som en gammal militärkarta."

Steg 3 — Funktionalitet: "Lägg till en poängtavla längst ner som summerar resultatet när man är klar, och visa ett omdöme beroende på hur många rätt man fick."

Steg 4 — Innehåll: "Byt ut fråga 3 och 7 mot dessa: [dina egna frågor]. Gör också förklaringen till fråga 1 mer detaljerad."

Steg 5 — Finjustering: "Fonten är för liten i förklaringstexterna. Gör den två steg större och gör texten lite ljusgrå istället för vit så att det inte bländar."

På fem korta iterationer har du gått från ett generiskt utkast till en resurs som är anpassad till ditt ämne, din estetik och dina pedagogiska behov.

Det sista i den prompten — "Börja med förändring nummer 1" — är ett bra sätt att styra AI:n till att göra en sak i taget, även om du redan från början vet vad du vill ha.

När resultatet inte alls är vad du ville ha

Ibland producerar AI:n något som är så långt från din intention att det inte är värt att iterera vidare på. Det händer. Lösningen är enkel: börja om med en tydligare initial prompt.

Använd det misslyckade försöket som information: Vad förstod AI:n fel? Vad behöver du förklara mer noggrant från start?

Källkritik med AI

Lär dig hur du kan använda AI för att skapa källkritiska övningar — inklusive att låta elever bygga falska nyhetssidor.

Skapa ett memory-spel

En steg-för-steg-guide som visar hela processen — från första prompt till ett färdigt spel du kan dela med dina elever.