Birgir Birgisson
Mini-kurs på svenska

Bygg en minikurs med Claude Code.

En skill, en brandfil och en idé. Sedan bygger Claude Code en färdig kurs med egna bilder, quiz och delningsbild, och lägger ut den på nätet. Så här är hela maskineriet uppbyggt, steg för steg.

Det du behöver: Claude Code, ett GitHub-konto och ett Vercel-konto. Båda har gratisnivåer. Det enda som kostar är ditt Claude-abonnemang.

7 moduler ~25 min FRI

min-minikurs/

◆SKILL.mdreceptet
◆BRAND.mdutseende och ton
◇config.jsoninställningar
◇GA-VIDARE.htmlfärdig del
◇FAKTA.mdkällorna
→index.htmlkursen

En skill är bara en mapp med text

Varför minikurser.

En minikurs är en enda webbsida som lär ut en sak ordentligt. Den är gratis, kräver ingen e-post och går att läsa på en kvart. Det är just därför den fungerar.

Ett inlägg i sociala medier lever i ett par dagar. En kurs ligger kvar. Den går att länka till i svar, i andra grupper och i nyhetsbrev, och den hittas i sökningar. Varje kurs du gör blir en ny ingång till det du erbjuder. Den som har fått något värdefullt av dig gratis är mycket mer benägen att vilja ha mer.

01

Fråga

Något många undrar över, eller något du själv har lärt dig.

02

Kurs

Claude Code bygger en färdig minikurs på en eftermiddag.

03

Inlägg

Du berättar om kursen och länkar. Gratis, ingen e-post.

04

Läsare

De lär sig något på riktigt, i lugn och ro.

05

Nästa steg

Nyhetsbrev, bok, betald kurs eller fler minikurser.

Nyckelinsikt

Det som gör minikurser hållbara är inte att varje kurs är perfekt. Det är att du kan göra dem ofta. Därför lönar det sig att lägga tiden på receptet, en gång, och sedan låta Claude Code följa det varje gång.

Det som gör en bra minikurs

Skillen är receptet.

En skill är en mapp med instruktioner som Claude Code läser när den ska göra en viss sorts uppgift. Det är där all din erfarenhet samlas, så att du slipper förklara samma sak i varje ny session.

SKILL.md

Steg för steg: vad Claude ska göra, i vilken ordning, och vilka regler som aldrig får brytas.

BRAND.mdFärger, typsnitt, ton, vad som är förbjudet.
config.jsonLänkar, nyhetsbrev, favicon och andra fasta värden.
Färdiga delarAvsnitt som ska se exakt likadana ut i varje kurs.
HjälpskriptTill exempel ett som hämtar text ur en video.
En kärna och fyra stöttor. SKILL.md styr. De andra filerna är det den hänvisar till.

Vad som står i SKILL.md

Receptet växer

En bra skill skrivs inte på en gång. Varje gång du rättar något i en kurs, be Claude föra in rättningen i SKILL.md. Efter tio kurser följer den ett recept som har lärt sig av alla tio.

Starta din egen skill
Jag vill göra gratis minikurser, en kurs per webbsida, och vill att du bygger dem på samma sätt varje gång.

Skapa en skill för det i den här mappen:
1. SKILL.md med målet, strukturen (hjälte, moduler, quiz med tre frågor, avslutning), stegen och de regler som aldrig får brytas.
2. BRAND.md där vi beskriver mitt utseende och min ton. Ställ frågor till mig om det du inte vet.
3. config.json för fasta värden som länkar och nyhetsbrev.

Föreslå innehållet i SKILL.md och fråga mig innan du skriver filerna.

Brandfilen gör den din.

Utan brandfil gissar Claude hur det ska se ut, och gissar olika varje gång. Med en brandfil får varje kurs dina färger, dina typsnitt och din röst, utan att du behöver säga det.

Exemplet här är påhittat, en liten keramikverkstad, men upplägget är detsamma som i en riktig brandfil. Det viktiga är att den är konkret. "Varm och personlig" säger nästan ingenting. "Skriv i du-form, inga utropstecken" går att följa.

BRAND.md

Lerverket, keramik i Gamla stan

Lera ljus
#F4EEE6
Skog
#2F3B34
Bränd terrakotta
#B5562E
Sand
#D9C7A7
TypsnittRubriker i Fraunces, brödtext i Inter.
TonLugn, kunnig, du-form. Korta meningar. Som en hantverkare som visar hur man gör.
SignaturEtt ord i varje rubrik i kursiv terrakotta.
AldrigUtropstecken, säljfloskler, mörkt läge, stockbilder.
Ett påhittat exempel. Färger med exakta koder, typsnitt med namn, en ton som går att följa och en lista över vad som aldrig får förekomma.

Fem saker varje brandfil ska innehålla

  1. Färger med koder

    Inte "varm orange" utan en exakt färgkod, och vad varje färg används till.

  2. Typsnitt

    Ett för rubriker och ett för text. Gärna gratis typsnitt från Google Fonts.

  3. Tonen

    Hur du tilltalar läsaren, hur långa meningarna är och vad som känns fel.

  4. En signatur

    En liten sak som går igen överallt, så att man känner igen dig.

  5. Det förbjudna

    Listan över vad som aldrig får förekomma. Den är ofta den viktigaste.

Bygg brandfilen från din sajt
Titta på min webbplats: [din adress]

Skriv en BRAND.md utifrån den: färger med exakta koder och vad de används till, typsnitt, ton, en återkommande signatur och en lista över vad som aldrig får förekomma.

Var konkret, så att någon annan kan följa filen utan att se sajten. Visa förslaget innan du sparar.

Från idé till fakta.

Skillen ger formen. Innehållet måste komma någonstans ifrån. De bästa minikurserna börjar i en verklig fråga och vilar på källor som går att kontrollera.

Tre källor till bra ämnen

Faktafilen

Handlar kursen om något som ändras ofta, som ett verktyg, en tjänst eller regler, låt Claude börja med att läsa de officiella källorna och skriva en faktafil. Kursen får sedan bara påstå det som står i den. Det tar några minuter och skyddar dig mot det värsta som kan hända en kurs: att den lär ut något som inte stämmer.

FAKTA.md

✓Gränserna delas mellan chatten och Claude Code. källa: support-artikel
✓/clear kostar ingenting. källa: dokumentationen
?Exakt antal meddelanden per fönster. står inte, nämns inte
Det som inte går att belägga skrivs inte. Ett exempel ur en riktig faktafil: två bekräftade påståenden och ett som hölls utanför kursen.
Faktakoll först
Innan du skriver kursen: läs de officiella källorna om [ämnet] och skriv en FAKTA.md.

För varje påstående: vad som gäller och var det står. Markera det du inte kan bekräfta.

Kursen får sedan bara påstå det som står i FAKTA.md.

Grafiken gör den levande.

En kurs med bara text är tung att läsa. Men du behöver inga AI-genererade bilder. Claude Code kan rita diagram, jämförelser och små gränssnitt direkt i kursens egen kod.

Det fungerar eftersom en webbsida kan rita. Med HTML, CSS och SVG kan Claude bygga flöden med pilar, staplar som visar storlek, kort som jämför två sätt och små skisser av hur något ser ut på skärmen. Allt i dina färger och dina typsnitt, och allt går att ändra med en mening.

StaplarVisar att något växer
→→
FlödenVisar steg i ordning
JämförelserFöre och efter
SkisserHur något ser ut
Fyra sorters bilder Claude ritar själv. Den här bilden är också byggd på det sättet.
Vagt
Lägg till några bilder så att det blir snyggare.
Tydligt
Ge varje modul minst en egen bild, ritad i HTML eller SVG i brandfilens färger: ett diagram, en jämförelse eller en skiss som förklarar modulens viktigaste poäng. Inga AI-genererade bilder.

Delningsbilden, på samma sätt

Bilden som syns när någon delar länken, OG-bilden, kan byggas likadant. Claude gör en liten webbsida i exakt 1200 gånger 630 pixlar, öppnar den i en webbläsare som körs osynligt i bakgrunden och tar en skärmbild. Resultatet blir en delningsbild i kursens stil, med rätt rubrik, och den går att göra om på sekunder.

Delningsbild
Bygg en OG-bild för kursen som en HTML-sida i exakt 1200 x 630 pixlar, i brandfilens färger och typsnitt: kursens rubrik, en kort underrad och en enkel bild som hör till ämnet.

Ta en skärmbild av sidan med Chrome i bakgrunden, spara den som bilder/og.jpg och koppla in den i sidans meta-taggar med full adress.

Granska och publicera.

Claude Code kan titta på sitt eget arbete. Låt den göra det innan du gör det, så får du se en kurs där de vanligaste felen redan är borta.

Låt Claude granska sig själv

Be Claude öppna kursen i en webbläsare, ta skärmbilder av varje bild och varje avsnitt, både i datorstorlek och i mobilstorlek, och rätta det som ser fel ut. Typiska fynd är text som inte syns mot bakgrunden, tabeller som skärs av på mobilen och bilder som blir för små. Det är saker som är lätta att missa när man bara läser koden.

Vägen ut på nätet

01

GitHub

Kursen sparas i ett eget repo. Claude skapar det och laddar upp.

02

Vercel

Hämtar kursen från GitHub och lägger ut den. Gratis för sånt här.

03

Adress

Egen underdomän, med en CNAME-post hos ditt webbhotell.

04

Automatik

Varje ändring som laddas upp publiceras av sig själv.

Den enda biten du gör själv

DNS-posten hos webbhotellet. Hämta värdet från Vercels sida för domänen, under projektets inställningar, och lägg in det som en CNAME-post. Har du nyss försökt öppna adressen innan posten fanns kan din egen dator minnas att den inte fanns en stund. Andra ser den direkt.

Publicera
Kursen är godkänd. Publicera den:
1. Skapa ett publikt GitHub-repo och ladda upp.
2. Skapa ett Vercel-projekt kopplat till repot och lägg ut kursen.
3. Lägg till underdomänen [namn].[din-domän] i projektet och säg vilken CNAME-post jag ska lägga in hos mitt webbhotell.
4. Kontrollera att sidan och delningsbilden svarar när adressen fungerar.

Avslutningen som leder vidare.

Den som har läst hela kursen är din varmaste läsare. Avslutningen avgör om det tar slut där, eller om det blir början på något mer.

Klar"Bra jobbat. Du tog dig igenom hela kursen." Och ett första steg att ta i morgon.
Gå vidareDet du säljer, för den som vill längre. En bok, en kurs, en tjänst.
NyhetsbrevFör den som vill höra mer från dig, men inte köpa något nu.
Fler minikurserEn länk till alla dina kurser. Nästa ingång är bara ett klick bort.
Fyra lager, i den ordningen. Först tack, sedan det som ger mest, sist det som håller kvar.

Gör avslutningen till en färdig del

Avslutningen ska se exakt likadan ut i varje kurs. Lägg därför Gå vidare och Fler minikurser som färdiga HTML-bitar i skillens mapp, och skriv i SKILL.md att de ska kopieras in oförändrade. Ändrar du ett pris eller en länk gör du det på ett ställe, och kan be Claude uppdatera alla gamla kurser i ett svep.

Sammanfattning av hela kursen

Ett ämne som folk faktiskt undrar över. En skill som receptet och en brandfil som utseendet. Faktakoll innan något skrivs. Egna bilder ritade i kod. Granskning i dator och mobil. Ut på nätet via GitHub och Vercel. En avslutning som leder vidare. Och varje rättning tillbaka in i receptet.

Tre frågor som testar det viktigaste.

Svara intuitivt. Inga poäng dras vid fel, du ser bara hur det ligger till.

FRÅGA 01

Vad gör att varje ny kurs ser ut som dina andra?

Rätt. Brandfilen beskriver färger, typsnitt, ton och det förbjudna en gång, och skillen läser den varje gång.
FRÅGA 02

Kursen handlar om ett verktyg som ändras ofta. Vad gör du först?

Rätt. Kursen får bara påstå det som står i faktafilen, och det som inte går att belägga skrivs inte.
FRÅGA 03

Hur får du bilder i kursen utan AI-genererade bilder?

Rätt. Bilderna blir en del av kursens kod och går att ändra med en mening. Samma teknik ger delningsbilden.

0 av 3

Bra jobbat. Du har koll på principerna.

Bra jobbat. Du tog dig igenom hela mini-kursen.

Nu vet du hur hela maskineriet hänger ihop. Börja med en enda sak: be Claude Code skapa din skill och din brandfil, och gör sedan din första kurs om något du nyss har lärt dig.

När du vill bygga på riktigt

Två steg till för dig som fått smak på det. Boken ger dig hela landskapet, Startkitet tar dig hands-on i Claude Code.

Boken · 99 kr

Vibe coding, hela landskapet

Första boken om vibe coding på svenska. Den kompletta guiden till att bygga webbappar, AI-verktyg och produkter med AI, från idé till live, utan traditionell programmering. PDF med gratis framtida uppdateringar.

Till boken

Betald kurs · 199 kr

Vibe Coding Startkit

Bygg riktiga webbappar med Claude Code, utan att kunna koda. 9 kapitel, 50 färdiga prompts och 4 checklistor som tar dig hela vägen från första prompten till en webbapp på riktigt. Engångsbetalning, livstidstillgång med alla framtida uppdateringar.

Öppna startkitet
Veckobrev

Vill du tänka mer kring Claude Code, AI och vibe coding?

Kort, lågmält, på svenska. Ett mejl i veckan med tre sektioner som matchar tonen i den här kursen.

  • En personlig reflektion om AI och om att vara människa samtidigt
  • En konkret AI-insikt, ofta något testat i veckan i Claude Code
  • En 10-minuters mikroövning du kan göra direkt
Prenumerera på veckobrevet

Under 5 minuters läsning. Inga skräpmejl. Du kan när som helst avregistrera dig.

Fler minikurser

Vill du lära dig mer?

Det finns fler korta, gratis kurser om AI på svenska. Claude Code, Cowork, Codex, bilder och mycket mer.

Se alla kurser →