Vad är vibekodning?
En introduktion till vibekodning — hur lärare kan använda AI för att skapa interaktiva undervisningsresurser utan att kunna programmera.
Du har säkert sett kolleger dela imponerande interaktiva övningar och spel som verkar kräva avancerade programmeringskunskaper att skapa. Hemligheten är ofta densamma: de har inte kodat det själva. De har berättat för en AI vad de ville ha — och AI:n har gjort jobbet.
Det är vibekodning i ett nötskal.
Vad är vibekodning?
Vibekodning (engelska: vibe coding) är ett sätt att skapa fungerande program och interaktiva resurser genom att i vanlig text beskriva vad du vill ha — och låta en AI generera koden åt dig. Du behöver inte förstå koden. Du behöver inte ha studerat programmering. Du behöver bara kunna formulera vad du vill skapa.
Begreppet myntades i februari 2025 av AI-forskaren Andrej Karpathy, som beskrev hur han alltmer lät AI ta hand om själva skrivandet av kod medan han fokuserade på idén och resultatet. Termen fångade något verkligt: en ny arbetsmetod där det inte längre är den tekniska kompetensen som avgör vad du kan skapa — utan din kreativitet och din förmåga att kommunicera vad du vill uppnå.
Varför kallas det 'vibe'?
Karpathy använde ordet för att beskriva känslan av att arbeta med AI på ett intuitivt sätt — man lutar sig in i verktyget, beskriver det man är ute efter, och justerar efterhand. Det handlar mer om riktning och känsla än om exakta tekniska specifikationer.
För dig som lärare innebär det här något konkret: de pedagogiska idéer du har haft i huvudet men aldrig kunnat förverkliga för att du inte kan programmera — dem kan du nu skapa.
Varför är det relevant för lärare?
Som lärare har du troligen mött det här problemet: du vet precis vilken övning dina elever behöver, men du hittar den inte färdig. Kanske handlar det om ett memory-spel med just de begrepp ni arbetar med just nu. Kanske en interaktiv tidslinje över ett historiskt skeende. Kanske ett quiz som anpassar sig efter elevens svar.
Alternativen har hittills varit begränsade:
- Använda ett generiskt verktyg som inte riktigt passar
- Lägga ner många timmar på att lära sig ett specialprogram
- Hoppas att någon annan redan skapat precis det du behöver
- Lägga idén på hyllan
Vibekodning öppnar ett fjärde alternativ: skapa det du faktiskt behöver, anpassat till dina elever och ditt innehåll, på minuter.
Det handlar inte om att ersätta din pedagogiska kompetens — tvärtom. Din kompetens som lärare är det som gör att du vet vad som fungerar i klassrummet. Vibekodning ger dig verktygen att förverkliga den kompetensen i form av interaktiva resurser.
Vibekodning handlar inte om att bli programmerare. Det handlar om att använda din pedagogiska kunskap för att berätta för en AI vad du vill skapa — och sedan låta AI:n göra den tekniska delen.
Hur fungerar det i praktiken?
Arbetsflödet är enklare än du kanske tror. Det ser ut ungefär så här:
- Beskriv vad du vill skapa — skriv en instruktion (en så kallad prompt) på vanlig svenska
- AI:n genererar kod — du får ett färdigt program, oftast som en HTML-fil
- Testa resultatet — öppna filen i din webbläsare och prova
- Iterera — om något inte stämmer, be AI:n ändra det
Det fiffiga är att varje steg är en konversation. Om quizet saknar återkoppling till eleverna skriver du bara: "Lägg till en förklaring varför svaret är rätt eller fel efter varje fråga." Om spelet är för svårt skriver du: "Gör det lite enklare för åk 4."
Låt oss ta ett konkret exempel. Du undervisar kemi i åk 7 och vill ha ett minnesspel där eleverna matchar kemiska grundämnen med deras symboler. Du skriver till en AI:
Jag vill ha ett memory-spel i HTML för åk 7 i kemi. Spelarna ska matcha kemiska grundämnen med deras symboler — till exempel "Guld" med "Au" och "Syre" med "O". Inkludera 10 par med vanliga grundämnen. Spelet ska ha en timer, räkna antal försök och visa ett gratulationsmeddelande när man är klar. Gör det mobilanpassat och med ett tilltalande utseende. Allt ska vara i en enda HTML-fil.
Det är allt. AI:n producerar en komplett, fungerande HTML-fil som du kan öppna i din webbläsare, testa, och dela med dina elever — eller ladda upp på VibeTeacher för att andra lärare ska kunna använda den.
Vilka verktyg kan jag använda?
Det finns flera AI-verktyg som är lämpliga för vibekodning, och de flesta har gratisnivåer som räcker långt för att komma igång:
- ChatGPT (OpenAI) — välkänt och lättillgängligt, fungerar utmärkt för att skapa HTML-spel och övningar
- Claude (Anthropic) — ofta mycket bra på att skapa längre, mer komplexa resurser; visar koden i en tydlig "artefakt" vid sidan om chatten
- Gemini (Google) — integrerat med Googles ekosystem, praktiskt om du redan använder Google Workspace i skolan
- Microsoft Copilot — tillgängligt via Microsoft 365, relevant om din skola använder Teams och Office
- Lovable — ett specialiserat verktyg för vibekodning med ett visuellt gränssnitt, bra för mer avancerade projekt
- Cursor — en kodredigerare med inbyggd AI, lämplig när du vill ha mer kontroll och börjar bli bekväm med grunderna
Du behöver inte välja ett verktyg och hålla dig till det — många lärare använder olika verktyg för olika typer av uppgifter. Vi har djupgående guider för varje verktyg i vår verktygssektion.
Börja med det du redan har
Om din skola redan har licenser för Microsoft 365 eller Google Workspace har du förmodligen redan tillgång till Copilot eller Gemini. Det enklaste är att börja med det som finns — och utforska andra alternativ när du är redo.
Behöver jag kunna programmera?
Nej. Det är hela poängen.
Du behöver inte förstå HTML, CSS eller JavaScript för att komma igång. Du behöver inte veta vad en variabel är eller hur en loop fungerar. Det som krävs är att du kan beskriva vad du vill skapa på ett tydligt sätt — och det är du som lärare redan van vid att göra.
Med det sagt: en viss grundläggande förståelse kan vara till hjälp i längden. Att veta att det finns något som heter HTML och att det är det vanliga formatet för webbsidor — det räcker långt. Du lär dig det du behöver när du behöver det, och vi guidar dig längs vägen.
Om GDPR och personuppgifter
Tänk på att inte skriva in elevnamn, personnummer eller annan personlig information i prompten när du arbetar med externa AI-verktyg. Innehållet du skriver skickas till AI-leverantörens servrar. Skapa resurser med generellt innehåll — den pedagogiska anpassningen till dina elever gör du efteråt.
Det som tar tid att lära sig är inte tekniken — det är att skriva bra prompter. Och det lär du dig snabbast genom att faktiskt prova. Varje gång du ber AI:n om något och ser vad som händer, lär du dig lite mer om hur du ska formulera dig nästa gång.
Du kommer att misslyckas ibland. AI:n kommer att producera något som inte alls är vad du hade tänkt dig. Det är helt normalt och en del av processen. Det viktiga är att du vet att du kan be AI:n ändra det — om och om igen tills du är nöjd.
Du behöver inte kunna programmera för att vibe-koda. Men du behöver vara beredd att experimentera, testa och iterera. Det är ett nytt sätt att arbeta — och det tar lite tid att hitta sitt eget sätt att göra det.
Nästa steg
Nu när du förstår vad vibekodning är är det dags att prova det på riktigt. I nästa artikel skapar du din första interaktiva resurs steg för steg — från tom skärm till ett färdigt HTML-spel som du kan öppna i din webbläsare.
Det tar ungefär 10 minuter.
Ditt första projekt
Skapa din första interaktiva resurs steg för steg — från prompt till färdig HTML-fil på 10 minuter.