Claude för lärare — artefakter och publicering
Lär dig hur du använder Claude (claude.ai) för att skapa och dela interaktiva undervisningsresurser med ett klick.
Bland alla AI-verktyg för vibekodning är Claude det som gör det enklast att gå från idé till delbar resurs. Du skriver vad du vill ha, ser resultatet live till höger om chatten — och delar det med ett klick. Den här guiden visar dig hur.
Vad är Claude?
Claude är en AI-assistent från det amerikanska företaget Anthropic. Det som skiljer Claude från många andra AI-verktyg är artefaktfunktionen — när Claude skapar en webbsida, ett spel eller ett quiz visas resultatet direkt som en klickbar förhandsvisning vid sidan av chatten. Du ser vad du får medan du jobbar.
Du hittar Claude på claude.ai och kan komma igång med ett gratis konto.
Vad är en artefakt?
En artefakt är det interaktiva resultat Claude skapar åt dig — till exempel ett HTML-spel, ett quiz eller en simulering. Det visas som en live-förhandsvisning direkt i webbläsarfönstret. Tänk på det som att ha en snickare som visar upp vad han bygger i realtid, och som gärna justerar detaljer tills du är nöjd.
Priser och versioner
Claude finns i tre nivåer. För de flesta lärare räcker gratisversionen att komma igång med.
Gratis — ingenting kostar
- Tillgång till Claude Sonnet (en av de bättre modellerna)
- Ungefär 20 meddelanden var tredje timme
- Artefaktfunktionen ingår
- Publicering av artefakter ingår
Pro (20 dollar/månad, ungefär 210 kronor)
- Fler meddelanden och tillgång till Claude Opus — den mest kapabla modellen
- Prioriterad åtkomst även under högtrafik
- Bra om du vibekoda regelbundet och märker att du stöter i gränsen
Team (30 dollar/månad per person)
- Delade arbetsytor för kollegor
- Passar om ni vill samarbeta om resurser på skolan
Börja gratis — uppgradera när du behöver
Gratisversionen är ett utmärkt ställe att starta. Gränsen på ungefär 20 meddelanden per tre timmar låter lite, men ett vibekodningsprojekt kräver sällan mer än 5–10 meddelanden. Du märker snabbt om du behöver mer.
Steg för steg: från idé till delad resurs
Det här är hela arbetsflödet — från tom skärm till en länk du kan skicka till dina elever.
Steg 1 — Gå till claude.ai
Öppna din webbläsare och gå till claude.ai. Skapa ett konto med din e-postadress eller ett Google-konto. Det tar ungefär två minuter.
Steg 2 — Beskriv vad du vill ha
Skriv din prompt i chattrutan. Var konkret: ange ämne, målgrupp och hur resursen ska fungera. (Mer om bra promptar längre ner.)
Steg 3 — Artefakten dyker upp till höger
Claude svarar med en förklaring i chatten — och till höger om chatten öppnas en förhandsvisning av din resurs. Klicka runt i den direkt. Fungerar knapparna? Ser den ut som du tänkte?
Steg 4 — Iterera fritt
Vill du ändra något? Skriv det bara i chatten: "Gör bakgrunden ljusblå", "Lägg till fem fler frågor om fotosyntes", "Gör texten större". Claude uppdaterar artefakten direkt. Du kan iterera hur många gånger du vill.
Steg 5 — Klicka på Publish
När du är nöjd klickar du på Publish-knappen som finns uppe till höger i artefaktfönstret. Claude genererar en publik länk.
Steg 6 — Dela länken
Kopiera länken och skicka den till dina elever — via Classroom, Teams, mejl eller projicera den på tavlan. Eleverna behöver inget konto. De öppnar länken och kan börja direkt.
Ingen uppladdning, ingen installation
Till skillnad från att spara en HTML-fil och hitta en plats att lägga upp den klarar Claude hela vägen fram. Publish-knappen är allt som krävs. Det är det som gör Claude till det enklaste verktyget för att faktiskt dela det du skapar.
Din första prompt i Claude
Här är ett exempel på en prompt som fungerar bra i Claude. Testa att kopiera den och klistra in den direkt på claude.ai.
Skapa en interaktiv tidslinje i HTML för åk 9 i historia. Tidslinjen ska täcka händelserna 1914–1918 med minst 10 viktiga händelser, till exempel Sarajevoattentatet, de olika ländernas krigsförklaringar, viktiga slag och fredsfördraget. Klickar man på en händelse ska en kortfattad förklaring visas (2–4 meningar). Designen ska vara sober och tydlig, med mörkblå och beige färger som passar en historisk känsla. All text ska vara på svenska. Allt i en enda HTML-fil.
Lägg märke till detaljerna som gör prompten effektiv:
- Ämne och klass — "åk 9 i historia" hjälper Claude att hitta rätt nivå och språk
- Konkret innehåll — du anger vilka händelser som ska ingå, inte bara "gör en tidslinje om kriget"
- Interaktion — "klickar man på en händelse ska en förklaring visas" beskriver exakt hur resursen ska fungera
- Design — "mörkblå och beige" och "historisk känsla" ger Claude tillräckligt för att ta bra visuella beslut
- Teknisk specifikation — "allt i en enda HTML-fil" säkerställer att du kan publicera och dela utan krångel
Vad Claude är bra på
Claude utmärker sig på ett par saker som är extra värdefulla för lärare:
Svensk text utan ansträngning. Claude är duktigt på svenska och producerar gränssnitt, instruktioner och feedbacktexter på naturlig svenska utan att du behöver be om det — men ange det ändå i prompten för säkerhets skull.
Iterativt samarbete. Claude håller kontexten igång under hela chatten. Det betyder att du kan säga "gör quizet lite svårare" utan att upprepa allt du redan beskrivit — Claude vet vad ni pratade om.
Visuell förhandsvisning. Du ser exakt vad du får och kan testa interaktionen direkt, utan att spara och öppna filer manuellt.
Enklaste delningsflödet. Publish → länk. Ingen FTP, ingen hosting-tjänst, inget extra konto för eleverna.
Det här SETT-presentationen
Den interaktiva SETT-presentationen om vibekodning som du kanske har sett byggdes med Claude Code — den terminalbaserade, avancerade versionen av Claude. Det är ett bra exempel på vad som är möjligt när man tar ytterligare ett steg.
Begränsningar att känna till
Meddelandegränsen. Gratisversionen begränsar hur många meddelanden du kan skicka. Om du kör fast mitt i ett projekt och får ett felmeddelande om gränsen — vänta en stund eller spara det du har och fortsätt lite senare.
Inga databaser eller inloggningar. Artefakter körs helt i webbläsaren och kan inte spara data mellan besök eller hantera användarinloggning. Vill du ha en resurs som minns elevernas resultat eller kräver inloggning behöver du ett annat verktyg — som Lovable.
Ett projekt åt gången i gratisversionen. Det går bra att skapa många olika resurser, men Claude håller inte igång flera parallella projekt i gratisversionen. Spara klara artefakters länkar så att du lätt hittar tillbaka.
GDPR — skriv aldrig in elevuppgifter
Det du skriver i chatten skickas till Anthropics servrar i USA. Ange aldrig elevnamn, personnummer eller annan personlig information i dina prompter. Skapa resurser med generellt innehåll — och anpassa dem till din klass utanför AI-verktyget.
Styrkor och svagheter i korthet
Styrkor
- Enklaste delningsflödet av alla verktyg (Publish → länk)
- Live-förhandsvisning medan du arbetar
- Bra på svenska text
- Iterativt — ändra detaljer utan att börja om
Svagheter
- Begränsad gratiskvot (ungefär 20 meddelanden/3 timmar)
- Artefakter kan inte ha backend, databas eller inloggning
- Publicerade artefakter lever på Anthropics servrar — inte på din skolas egna
Claude är det verktyg som gör det enklast att gå hela vägen från idé till delad resurs. Skriv vad du vill ha, iterera fritt i chatten, klicka Publish — och skicka länken till dina elever. Börja med gratisversionen och se hur långt den tar dig.
Nästa steg
Nu när du känner till Claude är det dags att titta på Googles alternativ — som har ett unikt trick i rockärmen: kamerastöd.
Gemini för lärare
Googles AI-verktyg har ett unikt drag: det kan använda enhetens kamera i realtid. Perfekt för rörliga övningar och interaktiva lärmiljöer.
Välj rätt AI-verktyg
Osäker på vilket verktyg som passar bäst för ditt projekt? Den här guiden hjälper dig att välja.