🎯 Fredagsquiz med AI

En levande beskrivning av processen att skapa pedagogiska quiz tillsammans med generativ AI

Varför AI för quiz-skapande?

Sedan mitten av augusti 2025 har ekonom Kent Lundgren varje vecka skapat pedagogiska och engagerande fredagsquiz med hjälp av generativ AI. Denna sida beskriver den kreativa processen bakom veckans quiz - från idé till färdig produkt.

📚 Referensmaterial

📝 En tvåstegsprocess med två AI-verktyg

Skapandet av veckans fredagsquiz bygger på en genomtänkt arbetsprocess där två olika AI-verktyg används i samarbete - vardera med sina styrkor.

Steg 1

🤖 Claude - Innehållsskaparen

Prompt 1: Konceptualisering och innehållsgenerering

📂 Prompten finns i tre format - välj det som passar dig:

📄
PDF-format

Bäst för läsning: Bevarar all formatering, ser likadant ut överallt. Perfekt om du vill läsa igenom prompten för att förstå innehållet.

👥 Rekommenderad för människor som vill läsa
📝
Word-format (.docx)

Bäst för redigering: Lätt att öppna, kopiera delar av texten, göra ändringar och återanvända i andra sammanhang. Perfekt om du vill skapa din egen variant.

✏️ Rekommenderad för människor som vill redigera
💻
Markdown-format (.md)

Bäst för AI: Ren text med enkel formatering som AI-verktyg kan läsa direkt. Detta är formatet som gjorde att Cursor kunde läsa och analysera prompten.

🤖 Rekommenderad för AI-verktyg

💡 Viktigt att förstå: Samma innehåll i alla tre format, men varje format har sitt syfte:

  • PDF = Vacker läsning för människor
  • Word = Flexibel redigering för människor
  • Markdown = Optimal bearbetning för AI

Den första prompten skickas till Claude för att skapa quiz-innehåll. Här är ett faktiskt exempel från veckans fredagsquiz:

📋 Utdrag från den verkliga prompten (promt1_till_251121.md):

Ämne: Årsbokslut och årsredovisning 2025

Roll: "Du är en ekonom, controller, som är bra på ekonomistyrning, årsbokslut och årsredovisning, i en svensk kommun - Simrishamns kommun."

Analysbehov: "Du ska analysera och beskriva årsbokslut och årsredovisning väl och utförligt för dem som inte tydligt ser skillnaden mellan årsbokslut och årsredovisning."

Slutprodukt: "Dessa fem slides, ska sen i sin tur vara underlag till ett quiz bestående av fem frågor med fyra alternativa svar. Detta quiz ska vara klurigt, spännande, kul och lärorikt."

Källor: "Du ska referera till källor enligt Harvadformatet, dvs med Harvardstil."

Vad händer i detta steg?
  1. Temaval: Kent definierar ämnet (t.ex. årsbokslut vs årsredovisning)
  2. Kontext: Bifogade dokument och specifika krav anges (Harvardstil, 5 frågor, etc.)
  3. Strukturering: Claude skapar:
    • Utförlig bloggtext (faktabas)
    • 5 koncentrerade slides
    • 5 quiz-frågor med 4 svarsalternativ var
    • Utförliga motiveringar med källhänvisningar
  4. Output: Komplett innehåll i Markdown-format, klart för steg 2
🎯 Specifika krav i denna prompt:
  • Målgrupp: Enhetschefer och ekonomer i kommunal verksamhet
  • Pedagogik: "Klurigt, spännande, kul och lärorikt"
  • Struktur: Blogg → Slides → Quiz (trattformad pedagogik)
  • Källor: Internet-research + bifogade dokument
  • Format: Harvardstil för referenser
  • Viktiga datum: Tidplan från Simrishamns kommun inkluderad
💪 Claudes styrkor för detta arbete:
  • Kan läsa och analysera bifogade dokument (när de är i Markdown!)
  • Omfattande kunskapsbas inom ekonomi och kommunal förvaltning
  • Söker information på internet för jämförelser
  • Skapar strukturerat innehåll i flera lager (blogg → slides → quiz)
  • Hanterar komplexa instruktioner om format och källhänvisning
  • Kvalitetssäkrad svensk språkbehandling
Steg 2

💻 Cursor - Kodutvecklaren

Prompt 2: Implementation och webbdesign

📂 Prompten finns i tre format - välj det som passar dig:

📄
PDF-format

Bäst för läsning: Alla 475 rader med perfekt formatering. Utmärkt om du vill läsa igenom de 5 slides och 5 quiz-frågor som finns i prompten.

👥 Rekommenderad för människor som vill läsa
📝
Word-format (.docx)

Bäst för redigering: Vill du skapa ett liknande quiz om ett annat ämne? Öppna Word-filen, ändra frågorna, spara och skicka till Cursor!

✏️ Rekommenderad för människor som vill anpassa
💻
Markdown-format (.md)

Bäst för AI: Detta är formatet som Cursor faktiskt läser. Alla 475 rader är direkt läsbara och tolkningsbara för AI-verktyget.

🤖 Rekommenderad för AI-verktyg (Cursor, Claude, etc.)

💡 Praktiskt exempel:

  • Vill du förstå processen? → Öppna PDF och läs
  • Vill du skapa eget quiz? → Öppna Word, ändra, spara som .md
  • Vill du att AI ska läsa? → Använd Markdown direkt

Den andra prompten skickas till Cursor för att omvandla innehållet till en interaktiv webbapplikation. Här är faktiska instruktioner från prompten:

📋 Utdrag från den verkliga prompten (promt2_till_251121.md):

Filstruktur: "Du skapar ett nytt quiz i: index.html, script.js och styles.css"

Återanvändning: "Jag vill att du i princip återanvänder samma programmeringsteknik som finns i quiz.html-filen"

Innehåll: "Jag vill att du läser igenom den texten först [bloggen]. Förslag på fem frågor finns nedan (men jag vill att du analyserar frågorna, och om du finner det möjligt och önskvärt ska du göra frågorna än bättre, tydligare och roligare)"

Bilder: "Jag vill att du i stället för den bild som finns i quiz.html har bilderna: arsredovisning_2021.jpg och arsredovisning_2024.jpg"

Källor: "Referenser och källor ska anges med Harvardstil, dvs i Harvardformat. Se till att källorna i största möjliga mån är klickbara"

Vad händer i detta steg?
  1. Input från Claude: De 5 slides och 5 quiz-frågor från steg 1
  2. Återanvändning: Cursor använder existerande quiz.html som mall för struktur
  3. Anpassning:
    • Byter ut innehåll till nytt ämne (årsbokslut/årsredovisning)
    • Uppdaterar bilder (arsredovisning_2021.jpg, arsredovisning_2024.jpg)
    • Implementerar klickbara källor i Harvardformat
    • Säkerställer responsiv design för mobil och desktop
  4. Funktionalitet: Slides → Quiz → Poängräkning → Resultat med motiveringar
  5. Output: Tre separata filer (index.html, script.js, styles.css)
🎯 Specifika tekniska krav i denna prompt:
  • Separering: HTML, CSS och JavaScript i olika filer
  • Bevara original: "quiz.html, script_quiz.js och styles_quiz.css ska hela tiden vara oförändrade"
  • Responsivitet: "Anpassar slides och frågor så att de passar både på dator och mobil"
  • Interaktivitet: Användare trycker på knapp för att gå vidare till quiz
  • Källor: Klickbara länkar i Harvardformat
  • Komplexitet: Prompten innehåller alla 5 slides OCH alla 5 frågor med utförliga motiveringar (475 rader!)
💪 Cursors styrkor för detta arbete:
  • Kan läsa existerande quiz.html och återanvända struktur
  • Kan läsa Markdown-prompten direkt (inte PDF/Word!)
  • Ser hela projektet - vet vilka filer som finns och ska bevaras
  • Genererar ren kod uppdelad i HTML, CSS och JavaScript
  • Implementerar responsiv design automatiskt
  • Skapar interaktiva element med moderna webbstandarder
  • Följer best practices för tillgänglighet
💡 En viktig insikt om Markdown:

Eftersom prompten är i Markdown-format kan Cursor:

  • ✅ Läsa hela prompten direkt (475 rader)
  • ✅ Se strukturen tydligt (rubriker, listor, kodblock)
  • ✅ Extrahera de 5 slides och 5 frågorna korrekt
  • ✅ Förstå formateringen (fetstil, kursiv, länkar)

Om det hade varit PDF: ❌ Endast binär data → omöjligt att läsa → processen hade inte fungerat!

🤔 Varför två olika AI-verktyg?

Claude

Innehållsexpert

  • Djup förståelse för ämnesområden
  • Pedagogisk formuleringsförmåga
  • Kontextuell faktakontroll
  • Kreativ problemlösning

Cursor

Utvecklingsexpert

  • Specialiserad på kodutveckling
  • Ser hela projektstrukturen
  • Genererar optimerad kod
  • Följer webbutvecklingsprinciper

🎯 Synergin mellan verktygen

Genom att använda rätt verktyg för rätt uppgift uppnås:

  • Högre kvalitet: Varje AI används där den är starkast
  • Effektivitet: Snabbare process än att använda ett verktyg för allt
  • Flexibilitet: Lätt att iterera och förbättra varje del separat
  • Lärandefokus: Kent kan lära sig båda verktygens styrkor och begränsningar

🔄 Det kompletta arbetsflödet

💡

Idé

Kent väljer tema för veckans quiz

→
📝

Prompt 1

Skrivs och skickas till Claude

→
🤖

Claude

Genererar quiz-innehåll

→
✅

Granskning

Kent kvalitetssäkrar innehållet

→
📝

Prompt 2

Skrivs och skickas till Cursor

→
💻

Cursor

Skapar webbapplikation

→
🧪

Testning

Kent testar funktionalitet

→
🚀

Publicering

Quiz publiceras på webbplatsen

💡 Lärdomar från processen

🎯 Tydliga instruktioner

Ju mer specifik och strukturerad prompten är, desto bättre resultat. Kent har lärt sig att vara tydlig med:

  • Antal frågor och svarsalternativ
  • Svårighetsgrad och målgrupp
  • Önskat format för output
  • Stilistiska preferenser

🔄 Iterativ process

Sällan blir det perfekt första gången. Arbetsflödet innebär ofta:

  • Förfining av frågor efter Claudes första förslag
  • Justering av design och layout i Cursor
  • A/B-testning av olika formuleringar
  • Kontinuerlig förbättring av prompterna

🤝 Människa och AI

AI är ett kraftfullt verktyg, men människan är central:

  • Kent avgör tema och pedagogisk målsättning
  • Kvalitetssäkring av fakta och formuleringar
  • Slutgiltiga designbeslut
  • Utvärdering av användarupplevelsen

⚡ Effektivitet

Tidsvinsten är betydande jämfört med manuellt arbete:

  • Från idé till färdigt quiz på ~1-2 timmar
  • Tidigare: Flera dagars arbete
  • Mer tid för kreativt tänkande
  • Möjlighet att producera fler quiz

🔧 Praktisk guide: Konvertera PDF/Word till Markdown

Eftersom både PDF och Word är binära format som är svåra för AI att läsa, behöver du konvertera dem till Markdown. Här är flera sätt att göra det:

Metod 1: Online-konverterare (Enklast)

📄 PDF till Markdown:

  • PDF2MD - Dra och släpp PDF, få Markdown tillbaka
  • Convertio - Stöder många format inklusive PDF → MD
  • Aspose - Gratis online-konvertering

📝 Word (.docx) till Markdown:

  • Word2MD - Specialiserad på Word till Markdown
  • CloudConvert - Stöder DOCX → MD med bra formatering
  • Pandoc Online - Via webbgränssnitt (se metod 2)
Steg-för-steg:
  1. Gå till någon av webbplatserna ovan
  2. Ladda upp din PDF eller Word-fil
  3. Välj "Markdown" (.md) som utformat
  4. Klicka "Konvertera"
  5. Ladda ner den färdiga Markdown-filen
💡 Tips: Online-verktyg är snabbast för enstaka filer, men tänk på att inte ladda upp känsliga dokument till okända tjänster!

Metod 2: Pandoc (Rekommenderat för många filer)

Pandoc är ett kraftfullt kommandoradsverktyg som kallas "den schweiziska armékniven för dokumentkonvertering".

Installation i PowerShell (Windows):

# Med Chocolatey (om du har det installerat)
choco install pandoc

# Eller ladda ner från:
# https://pandoc.org/installing.html

Användning:

# Konvertera Word till Markdown
pandoc promt1_till_251121.docx -o promt1_till_251121.md

# Konvertera PDF till Markdown (kräver extra installation)
pandoc promt1_till_251121.pdf -o promt1_till_251121.md

# Konvertera alla Word-filer i en mapp
Get-ChildItem *.docx | ForEach-Object { pandoc $_.Name -o "$($_.BaseName).md" }
💡 Tips: Pandoc är perfekt om du har många filer att konvertera eller vill automatisera processen!

Metod 3: Manuell kopiering (För kortare dokument)

För kortare dokument kan det vara snabbast att manuellt skapa en Markdown-fil:

Steg-för-steg:
  1. Öppna din PDF/Word-fil och kopiera texten
  2. Öppna en texteditor (t.ex. Notepad, VS Code, Cursor)
  3. Klistra in texten
  4. Lägg till Markdown-formatering manuellt:
    • # Rubrik 1 för huvudrubriker
    • ## Rubrik 2 för underrubriker
    • **fetstil** för fetstil
    • *kursiv* för kursiv
    • - punkt för punktlistor
    • 1. punkt för numrerade listor
  5. Spara filen med ändelsen .md
Exempel på Markdown-formatering:
# Prompt 1: Skapa Fredagsquiz

## Syfte
Skapa ett engagerande quiz om ekonomi med **10 frågor**.

## Krav
- Varierande svårighetsgrad
- Pedagogiska förklaringar
- Svenska språket

### Målgrupp
Quizet riktar sig till *allmänheten* med intresse för ekonomi.

Metod 4: Använd AI för konvertering (Smart!)

Moderna AI-verktyg som Claude och ChatGPT kan ofta läsa PDF och Word-filer direkt!

Hur det fungerar:

  1. Gå till Claude.ai eller ChatGPT
  2. Ladda upp din PDF eller Word-fil (använd 📎-ikonen)
  3. Skriv prompt: "Konvertera detta dokument till Markdown-format"
  4. Kopiera resultatet till en ny .md-fil
🤖 AI-verktyg som kan läsa dokument:
  • Claude (Anthropic) - Läser PDF och bilder direkt
  • ChatGPT Plus - Stöder många filformat
  • Google Gemini - Kan analysera PDF-filer

⚠️ Obs: Gratis-versionerna har ofta begränsningar för filuppladdning.

💡 Tips: Detta är ofta den bästa metoden eftersom AI:n kan behålla struktur och till och med förbättra formateringen!

📊 Vilken metod ska du välja?

Metod Bäst för Svårighetsgrad Kvalitet
1. Online-verktyg Enstaka filer, snabbt ⭐ Lätt ⭐⭐⭐ Bra
2. Pandoc Många filer, automation ⭐⭐ Medel ⭐⭐⭐⭐ Mycket bra
3. Manuellt Korta dokument, full kontroll ⭐ Lätt ⭐⭐⭐⭐⭐ Perfekt
4. AI (Claude/ChatGPT) Komplex formatering, smart konvertering ⭐ Lätt ⭐⭐⭐⭐⭐ Utmärkt

🎯 Min rekommendation för dig, Kent:

Använd Claude eller ChatGPT Plus för att konvertera dina prompts till Markdown!

Eftersom du redan använder Claude för quiz-skapande kan du enkelt:

  1. Ladda upp promt1_till_251121.pdf till Claude
  2. Be Claude: "Konvertera detta till välformaterad Markdown"
  3. Spara resultatet som promt1_till_251121.md
  4. Upprepa för den andra prompten

Sedan kan Cursor läsa Markdown-filerna direkt utan problem! 🎉

💼 Praktiskt exempel med dina filer

För att konvertera dina två prompt-filer skulle du göra så här:

Alternativ A: Med Claude (Rekommenderat)

  1. Gå till claude.ai
  2. Starta en ny konversation
  3. Ladda upp promt1_till_251121.pdf
  4. Skriv: "Konvertera detta dokument till Markdown-format. Behåll all struktur och formatering."
  5. Kopiera resultatet och spara som promt1_till_251121.md
  6. Upprepa för promt2_till_251121.pdf

Alternativ B: Med Pandoc i PowerShell

# Navigera till mappen
cd "D:\VåraFiler_primära_på_SSD\Kent_dokument\Data\HTML\kentlundgren_se\program\quiz\000"

# Konvertera båda Word-filerna (om du har .docx-versioner)
pandoc promt1_till_251121.docx -o promt1_till_251121.md
pandoc promt2_till_251121.docx -o promt2_till_251121.md

# Nu har du två nya .md-filer som Cursor kan läsa!

🚀 Framtiden för AI-assisterad pedagogik

Kent Lundgrens arbete med fredagsquiz är ett exempel på hur generativ AI kan:

Samarbete med Claude och Cursor

Samarbete mellan Claude och Cursor i praktiken

Vad är nästa steg?

Möjliga utvecklingsområden inkluderar:

  • Automatisk anpassning av svårighetsgrad baserat på användarens svar
  • Integrering med learning management systems (LMS)
  • Flerspråkigt stöd för internationell räckvidd
  • Dataanalys av användarnas resultat för kontinuerlig förbättring