5 kraftfulla prompter för lärare
Färdiga promptmallar du kan kopiera direkt — för quiz, memory-spel, flashcards, tidslinjer och interaktiva övningar.
Att skriva bra prompter är halva jobbet när du vibekodar. En välformulerad prompt ger dig ett färdigt, fungerande verktyg på under en minut — en slarvigt skriven prompt ger dig något du behöver laga i tio.
Här är fem beprövade promptmallar för vanliga resurstyper. Kopiera, byt ut det som står inom hakparenteser, och klistra in i ditt AI-verktyg.
Så använder du promptmallarna
Varje prompt är skriven som en komplett instruktion till ett AI-verktyg som ChatGPT, Claude eller Gemini. Så här gör du:
- Kopiera prompten med knappen i det lila fältet
- Anpassa det som står inom
[hakparenteser]— det är platshållarna du byter ut mot ditt eget innehåll - Klistra in i valfritt AI-verktyg och tryck enter
- Spara resultatet som en HTML-fil och ladda upp på VibeTeacher
Du behöver inte ändra annat än platshållarna för att få ett fungerande resultat. Vill du ha något annorlunda kan du alltid lägga till en rad i slutet av prompten, till exempel: "Gör bakgrunden mörkblå istället för vit."
1. Interaktivt quiz
Ett quiz är den enklaste typen av interaktiv resurs att skapa, och en av de mest använda. Den här prompten ger dig ett flervalsquiz med poängräkning, direkt återkoppling och en sammanfattning i slutet — allt i en enda HTML-fil du kan dela direkt med elever.
Fungerar utmärkt för faktakunskap i alla ämnen: geografi, historia, biologi, matematik eller språk.
Skapa ett interaktivt quiz som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Ämne: [ämne, t.ex. "Europas huvudstäder" eller "Fotosyntesen"] Målgrupp: [årskurs, t.ex. "åk 7" eller "gymnasiet år 1"] Antal frågor: [antal, t.ex. 10] Frågetyp: Flerval med fyra svarsalternativ per fråga
Krav på funktionalitet:
- Visa en fråga i taget med tydliga svarsalternativ (A, B, C, D)
- Ge omedelbar återkoppling: grönt för rätt svar, rött för fel svar — visa alltid rätt svar om eleven svarar fel
- Håll löpande poäng synlig under hela quizet (t.ex. "3 av 5 rätt")
- Avsluta med en resultatsida som visar total poäng, ett uppmuntrande meddelande och en "Försök igen"-knapp
- Blanda frågornas ordning varje gång sidan laddas
Design:
- Svensk text i hela gränssnittet
- Responsiv layout som fungerar på mobil och dator
- Färgglad och tilltalande design lämplig för [målgruppen]
- Stora, lätta att trycka på knappar
- Tydlig typografi med god kontrast
Generera [antal] faktabaserade frågor om [ämne] på svenska. Frågorna ska vara anpassade för [årskurs] och täcka en bredd av det valda ämnet.
Anpassa quizet
Vill du ha bilder i quizet? Lägg till: "Inkludera en relevant emoji bredvid varje fråga." Vill du ha tidsbegränsning per fråga? Lägg till: "Varje fråga har 20 sekunder på sig — visa en nedräkningstimer." Vill du använda egna frågor istället för AI-genererade? Ersätt den sista meningen med en lista på dina egna frågor och svarsalternativ.
2. Memory-spel
Memory är ett klassiskt spel som fungerar förvånansvärt bra för ordförråd, symboler och begrepp-till-definition-par. Prompten nedan skapar ett digitalt memory där eleverna vänder kort för att hitta matchande par.
Passar särskilt bra för: glosor i språkämnen, grundämnenas symboler i kemi, matematiska begrepp och deras definitioner, eller historiska personer och deras gärningar.
Skapa ett interaktivt memory-spel som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Ämne: [ämne, t.ex. "Spanska glosor: djur" eller "Grundämnenas kemiska symboler"] Målgrupp: [årskurs] Antal par: [antal par, t.ex. 12] Partyp: [beskriv vad som ska matchas, t.ex. "svenska ord till spanska ord" eller "grundämnets namn till dess symbol"]
Krav på funktionalitet:
- Visa ett rutnät av vända-ner-kort
- Eleven klickar på ett kort för att vända det — sedan ett till
- Om paren matchar: korten förblir uppvända och markeras med grön kant
- Om paren inte matchar: korten vänds tillbaka efter en kort fördröjning (1 sekund) så eleven hinner se dem
- Räkna antal försök och visa dem löpande
- Avsluta med ett "Grattis!"-meddelande med antal försök och en "Spela igen"-knapp som blandar korten på nytt
Design:
- Svensk text i hela gränssnittet
- Kortens baksida har ett snyggt mönster eller en ikon
- Smidig vändningsanimation (CSS flip-animation)
- Responsiv layout: korten ska vara tillräckligt stora för att vara lätta att trycka på även på mobil
- Färgglad och motiverande design för [målgruppen]
Generera [antal] par om [ämne] på svenska. Paren ska vara korrekta och anpassade för [årskurs].
Svårighetsgrader
Anpassa svårigheten genom antalet par: 6 par är lagom för yngre elever, 16–20 par ger en utmaning för äldre. Du kan också lägga till: "Lägg till tre svårighetsgrader (lätt: 6 par, medel: 12 par, svår: 20 par) som eleven väljer innan spelet startar."
3. Flashcards
Flashcards — eller lärningskort — är ett av de mest effektiva verktygen för att befästa fakta och begrepp. Det bygger på spaced repetition, den forskningsmässigt starkaste metoden för långtidsminne. Den här prompten skapar ett digitalt kortlek med snygg vändningsanimation.
Passar för: vokabulär i alla ämnen, formler i matematik och fysik, historiska datum och händelser, grammatikregler och undantag.
Skapa en interaktiv flashcard-app som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Ämne: [ämne, t.ex. "Franska oregelbundna verb" eller "Biologiska begrepp: cellen"] Målgrupp: [årskurs] Antal kort: [antal, t.ex. 20] Framsida: [vad som visas på framsidan, t.ex. "det franska verbet" eller "det biologiska begreppet"] Baksida: [vad som visas på baksidan, t.ex. "böjningen i presens" eller "definitionen på svenska"]
Krav på funktionalitet:
- Visa ett kort i taget, centrerat på sidan
- Eleven klickar på kortet för att vända det — snygg 3D flip-animation i CSS
- Navigationsknappar: "Föregående" och "Nästa" för att bläddra mellan korten
- Kortens ordning blandas varje gång appen laddas
- En framstegsindikator visar vilket kort eleven är på (t.ex. "Kort 7 av 20")
- En "Blanda"-knapp för att blanda om korten när som helst
- Valfritt: eleven kan markera kort som "Kan!" eller "Öva mer" för att sortera dem
Design:
- Svensk text i hela gränssnittet
- Framsida och baksida har tydligt olika färger så eleven vet vilken sida som visas
- Stor, lättläst typografi — kortets innehåll ska vara det som syns tydligast
- Responsiv design som fungerar lika bra på mobil som på dator
- Stilren och fokuserad design utan för många distraktioner
Generera [antal] flashcards om [ämne] på svenska, anpassade för [målgruppen].
Egna kort och bilder
Vill du använda ditt eget innehåll istället för AI-genererade fakta? Lägg till en lista i slutet av prompten: "Använd följande par istället för att generera egna: [begrep 1] — [definition 1], [begrepp 2] — [definition 2]..." Har du fler än 30 par? Dela upp dem i flera kortlekar med olika teman.
4. Interaktiv tidslinje
En klickbar tidslinje hjälper elever att förstå kronologi och sammanhang — vad som hände när, och i relation till vad. Prompten nedan skapar en visuell tidslinje där eleverna kan klicka på händelser för att läsa mer.
Passar för: historiska perioder och händelser, en författares livsverk, vetenskapliga genombrott, ett lands eller en kulturs utveckling.
Skapa en interaktiv tidslinje som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Ämne: [ämne, t.ex. "Första världskriget 1914–1918" eller "Den industriella revolutionen"] Målgrupp: [årskurs] Tidsperiod: [från år till år, t.ex. "1914 till 1918" eller "1760 till 1840"] Antal händelser: [antal, t.ex. 12]
Krav på funktionalitet:
- En horisontell tidslinje med händelsemarkeringar längs en axel
- Varje händelse visas som en klickbar punkt eller ikon på tidslinjen
- När eleven klickar på en händelse visas ett informationskort med: datum, rubrik och en kort förklarande text (2–4 meningar)
- Händelserna är kronologiskt sorterade längs axeln
- Tidslinjen går att scrolla horisontellt om den är längre än skärmen
- En "Nästa händelse" och "Föregående händelse"-knapp för tangentbordsnavigation
Design:
- Svensk text i hela gränssnittet
- Tydlig visuell axel med år markerade
- Händelserna visas omväxlande ovanför och under axeln för att undvika överlapp
- Informationskortet visas med en smidig animation
- Responsiv design: på mobil visas tidslinjen vertikalt istället för horisontellt
- Passande färgschema för [ämnet] (t.ex. varma jordfärger för historia, blått och grönt för naturvetenskap)
Generera [antal] viktiga händelser för [ämne] under perioden [tidsperiod] på svenska, med korta men faktabaserade beskrivningar anpassade för [målgruppen].
Koppla tidslinjen till lektionens mål
En tidslinje är som starkast när eleverna inte bara läser den passivt utan aktivt arbetar med den. Komplettera med en uppgift: "Lägg till fem tomma platser på tidslinjen som eleven ska dra och släppa till rätt position." Eller: "Lägg till en quiz-knapp i slutet som testar om eleven kan placera händelserna i rätt ordning."
5. Sorteringsövning
En sorteringsövning — där eleverna drar och släpper begrepp, ord eller påståenden till rätt kategori — tränar kategorisering och begreppslig förståelse på ett aktivt sätt. Det är ett steg upp från flashcards: eleven måste inte bara känna igen svaret utan aktivt placera det rätt.
Passar för: sortera ord efter ordklass i svenska, dela in ämnen i grundämnen och föreningar i kemi, kategorisera djur efter art i biologi, sortera historiska händelser efter orsak och konsekvens.
Skapa en interaktiv sorteringsövning med drag-och-släpp som en enda självständig HTML-fil med inbäddad CSS och JavaScript.
Ämne: [ämne, t.ex. "Ordklasser i svenska" eller "Levande och icke-levande ting"] Målgrupp: [årskurs] Kategorier: [lista kategorierna, t.ex. "Substantiv, Verb, Adjektiv" eller "Däggdjur, Fåglar, Fiskar, Reptiler"] Antal kort att sortera: [antal, t.ex. 16]
Krav på funktionalitet:
- Korten med begrepp/ord visas i en blandad hög längst upp eller till vänster
- Dropzones för varje kategori visas tydligt märkta
- Eleven drar och släpper varje kort till den kategori de tror är rätt
- "Kontrollera svar"-knapp: rätta kort markeras gröna, felaktiga röda — felaktiga kort returneras till högen
- Poängräkning: visa hur många av [antal] kort som är rätt placerade
- "Försök igen"-knapp som blandar alla korten och börjar om
- Fungera även utan drag-och-släpp (touch-stöd för surfplattor, klick-för-att-välja och klick-för-att-placera som alternativ)
Design:
- Svensk text i hela gränssnittet
- Kategorizonerna är tydligt avgränsade med färg och rubrik
- Korten är tillräckligt stora för att vara lätta att hantera på pekskärm
- Visuell återkoppling när ett kort dras (skugga, lätt rotation)
- Responsiv layout: på smalare skärmar staplas kategorizonerna vertikalt
- Färgglad och engagerande design anpassad för [målgruppen]
Generera [antal] begrepp/ord/påståenden om [ämne] att sortera, jämnt fördelade mellan kategorierna [kategorier]. Anpassa svårigheten för [målgruppen].
Gör det svårare med distraktorer
Vill du utmana eleverna extra? Lägg till: "Inkludera fyra 'distraktorer' — begrepp som ser ut att höra hemma i en kategori men faktiskt inte gör det. Dessa ska avvisas av övningen och inte placeras i någon kategori." Det tränar kritiskt tänkande och noggrannhet.
Tips för bättre resultat
Oavsett vilken mall du använder gäller samma grundregler för att få ett bra resultat:
Var specifik med målgruppen. "Åk 8" ger bättre resultat än "elever". AI-verktyget anpassar ordförråd, svårighetsgrad och kontext efter åldern du anger.
Begär alltid en enda HTML-fil. Utan den instruktionen kan AI-verktyget leverera separata CSS- och JavaScript-filer som du sedan måste sätta ihop. En fil är enklare att spara och dela.
Testa på din egen enhet först. Öppna HTML-filen i din webbläsare och klicka igenom hela övningen innan du delar den med elever. Det tar två minuter och räddar dig från onödiga pinsamheter.
Iterera med uppföljningsfrågor. Fungerade inte något som du tänkt dig? Du behöver inte börja om. Skriv en uppföljningsfråga i samma konversation: "Gör knapparna lite större." eller "Ändra färgschemat till lila och gult." AI-verktyget minns vad det nyss skapade.
Spara prompten du använde. När du hittar en prompt som fungerar bra, spara den. Nästa gång du behöver något liknande är det bara att byta ut platshållarna igen.
GDPR och elevdata
Resurserna du skapar med dessa prompter lagrar ingen data — de körs helt i elevens webbläsare och skickar ingenting till någon server. Du kan dela dem utan oro för GDPR-frågor. Om du däremot ber ett AI-verktyg om hjälp: undvik att klistra in riktiga elevnamn eller annan personuppgiftsbelagd information i prompterna.
De fem mallarna här — quiz, memory, flashcards, tidslinje och sorteringsövning — täcker de vanligaste typerna av interaktiva undervisningsresurser. Alla fungerar med ChatGPT, Claude och Gemini.
Kom ihåg det viktigaste: byt ut [platshållarna], testa resultatet själv innan du delar det, och spara prompterna som fungerar. Med lite övning tar det under fem minuter att skapa en ny resurs från scratch.
Hittade du ett ämne eller en resurstyp som saknas? Kolla in de ämnesspecifika promptmallarna i kategorin, eller dela din egen favorit-prompt med VibeTeacher-gemenskapen.