Nischad Utbildning
← Till bloggen

Så vajbkodade jag fram en barnbok ur min dotters teckning

Av Rickard Eriksson, publicerad · 6 minuters läsning

Till vänster min dotters teckning av en räv i regnbågens färger, med olikfärgade ögon och färgglada klor. Till höger samma räv, Glimma, som 3D-figur i boken.
Före och efter: min dotters teckning och Glimma som hon ser ut i boken. Figuren till höger är AI-genererad.

En lördag ritade min dotter en räv. Inte vilken räv som helst: orange päls, ben i regnbågens alla färger, en lång svans, stora ögon i olika färger och färgglada klor på tassarna. Räven blev Glimma.

Tre dagar senare fanns Glimma i en riktig barnbok. Trettio sidor, sju kapitel, en illustration och en text på varje uppslag, anpassad som läsövning för en nioåring. Boken går att skriva ut, läsa på iPaden, ladda ner till en läsplatta och se som film med berättarröst. Och min dotter älskade att läsa den.

Jag har inte ritat en enda bild och inte skrivit en enda rad kod. Jag har vajbkodat. Här är hela boken, och sedan hur den kom till.

Läs boken här: svep eller scrolla i sidled för att bläddra

Sida 1 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
1 / 30
Sida 2 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
2 / 30
Sida 3 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
3 / 30
Sida 4 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
4 / 30
Sida 5 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
5 / 30
Sida 6 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
6 / 30
Sida 7 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
7 / 30
Sida 8 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
8 / 30
Sida 9 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
9 / 30
Sida 10 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
10 / 30
Sida 11 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
11 / 30
Sida 12 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
12 / 30
Sida 13 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
13 / 30
Sida 14 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
14 / 30
Sida 15 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
15 / 30
Sida 16 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
16 / 30
Sida 17 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
17 / 30
Sida 18 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
18 / 30
Sida 19 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
19 / 30
Sida 20 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
20 / 30
Sida 21 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
21 / 30
Sida 22 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
22 / 30
Sida 23 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
23 / 30
Sida 24 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
24 / 30
Sida 25 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
25 / 30
Sida 26 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
26 / 30
Sida 27 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
27 / 30
Sida 28 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
28 / 30
Sida 29 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
29 / 30
Sida 30 av 30 i boken Glimma och mysteriet med den försvunna regnbågen
30 / 30

Ladda ner boken för läsplattan (EPUB, 13 MB) · Ladda ner som PDF för iPad (12 MB)

Boken som film

Jag har också vajbkodat ihop en videoversion av boken, med svensk berättarröst och stämningsfull bakgrundsmusik. Både rösten och musiken är skapade med AI i ljudverktyget ElevenLabs. Bilderna är desamma som i boken, och texten följer med som textremsa, så att man kan läsa och lyssna samtidigt.

Glimma och mysteriet med den försvunna regnbågen som film, 18 minuter. Berättarrösten och musiken är AI-genererade.

Från teckning till manus

Söndagen gick åt till berättelsen. Glimma är världens mest glittrande artist, och mitt under världens största konsert slocknar alla lampor. När de tänds igen är världen grå. Trollkarlen Skuggo har stulit regnbågens sju färgkristaller, och tillsammans med roboten Puff ger sig Glimma ut för att hitta dem.

Men ett manus och en mapp med bilder är ingen bok. Det saknades bilder, texten bestod mest av korta enradare och ingenting var formgivet. Det var där vajbkodningen tog vid.

En beställning på vanlig svenska

På måndagen öppnade jag Claude Code i bokmappen och skrev ungefär så här:

Jag vill ha en tryckbar PDF med allt snyggt formaterat. Målgruppen är 9-åringar. Jag tycker att det är för mycket enradare i manuset. Skriv ihop det så att det blir en bra läsövning för en nioåring.

Sedan gjorde Claude Code det här på egen hand:

  • Skrev ihop texten till sammanhängande stycken med lagom svåra ord för en nioåring, utan att ändra handlingen.
  • Gjorde en bildplan som visade vilka bilder som fanns och vilka som saknades i varje kapitel.
  • Tog fram figurark för Glimma, roboten Puff, trollkarlen Skuggo och hamstern Kapten Knaper, alltså referensbilder framifrån, från sidan och bakifrån med närbilder på detaljerna, så att figurerna skulle se likadana ut i hela boken.
  • Ritade om alla 27 illustrationer från grunden, även omslaget och de bilder som redan fanns, med figurarken som referens.
  • Granskade varje bild själv och gjorde om dem som inte höll. Glimma hade fått mänskligt hår i en bild och två svansar på omslaget, och titeln stod som ”Gümma”.
  • Satte ihop allt till en formgiven PDF med kapitelsidor, bilder och sidnummer.
Figurark för Glimma: räven framifrån, från sidan och bakifrån, ett ansikte i närbild och en tass med färgglada klor.
Glimma
Figurark för roboten Puff, en gul robot med långa öron, ett hjärta på bröstet och ett leende ansikte på skärmen.
Roboten Puff
Figurark för trollkarlen Skuggo, en lila räv med krona och mantel.
Trollkarlen Skuggo
Figurark för hamstern Kapten Knaper, en rund hamster i röd piratrock och piratmössa.
Hamstern Kapten Knaper

Figurarken som Claude Code tog fram, så att figurerna ser likadana ut i hela boken. Alla figurark är AI-genererade.

Sedan var jag förläggare

Den första versionen var en riktig bok. Men det var först när jag läste den noga som den blev bra. Jag gjorde som vilken förläggare som helst: läste, tittade på bilderna och skrev en mening om det som var fel.

  • ”I den här bilden har Skuggo en regnbågsfärgad svans. Det ska han ju inte ha.”
  • ”Glimmas klor är olika stora i bilderna. Glimmas två olika ögonfärger är inte konsekventa i alla bilder.”
  • ”Glimmas lila färg i pälsen syns innan hon når den lila kristallen på slutet.”
  • ”I just den här bilden har hon blivit en kort kattunge typ.”
  • ”Varje sida ska ha en illustration och en text. Du har rätt att förlänga eller korta ned texter så att det alltid är samma textlängd på varje sida.”
  • ”Borde inte Glimma se förvånad ut på bilden istället?”

Den tredje punkten är min favorit. Det är inget bildfel, utan ett logikfel i berättelsen: Glimma får tillbaka en färg i taget, och då kan den lila färgen inte synas förrän hon har hittat den lila kristallen. Sådant ser ingen AI av sig själv. Det kräver någon som har läst boken.

Ett knep var helt Claude Codes eget. I bokens grå scener, efter att färgerna stulits, tappade bildmodellen bort Glimmas utseende och ritade en vanlig räv. Lösningen blev att rita scenerna i färg och göra dem grå i efterhand. I en bild fick bara den röda kristallen behålla sin färg.

Klorna var den svåraste nöten. Bildmodellen hade svårt att få dem i rätt storlek och färgordning. Till slut bytte Claude Code färg på varje klo med kod i stället för att be bildmodellen göra om bilden, tills ordningen röd, gul, grön och blå stämde på båda tassarna.

Logotypen på omslaget är också AI-genererad: regnbågsfärgad, glittrig och med genomskinlig bakgrund.

På tisdagsmorgonen ville hon läsa på iPaden

Den tryckbara versionen var klar på måndagseftermiddagen. På tisdagsmorgonen bad jag om en version i stående format för min dotters iPad. Claude Code byggde om sidorna, och då hittade jag ett sista fel: i en bild var hennes vänstra öra färgat, inte det högra som texten sa. En mening till, en ny bild, och boken var klar i tre format.

Vad det kostade

Arbetet i Claude Code tog en eftermiddag och en stund på morgonen dagen efter. Bilderna gjordes med en bildmodell som man betalar per bild, och varje bild kostade ett par kronor. Totalt blev det ungefär hundra bilder, inklusive alla som gjordes om.

Fem saker jag lärde mig

  1. Bestäm hur figurerna ser ut innan du gör bilderna. Figurarken var nyckeln till att Glimma ser ut som Glimma på varje sida.
  2. Läs som en läsare, inte som en tekniker. De viktigaste felen handlade om berättelsen, inte om koden.
  3. En mening per fel räcker. Peka på bilden och säg vad som är fel. Det blir snabbare än att försöka förklara allt på en gång.
  4. Låt AI:n välja verktyg. När bildmodellen inte klarade klorna löste Claude Code det med kod i stället. Det hade jag aldrig kommit på själv.
  5. Ta bort det som inte ska med. Mitt i arbetet dök det upp en skylt med en text i en bild som inte hörde hemma i en barnbok. Granska alltid allt innan du delar det.

Du kan också

Jag är ingen illustratör, ingen formgivare och ingen programmerare. Ändå finns det nu en bok som min dotter vill läsa, med hennes egen figur i huvudrollen. Det är precis det vajbkodning handlar om: du beskriver vad du vill ha på vanlig svenska, AI:n bygger det, och du bestämmer.

Samma arbetssätt fungerar för det du gör på jobbet. Ett verktyg som slår ihop hundratals Excel-filer, en sökfunktion för tusentals dokument eller en rapport som gör sig själv. På kursen Vajbkodning går Marcus Keinänen Sandgren och jag igenom hur du kommer igång, hur du beställer så att det blir rätt från början och hur du granskar det som byggs. Du behöver inte kunna något i förväg.

KURS · 29 OKTOBER 2026 · 08.30 TILL 11.30
Vajbkodning
Bygg egna verktyg med Claude Code och liknande AI, utan att vara utvecklare. Tre timmar live via Zoom, inspelning ingår. Nästa tillfälle efter det är 8 december.
Läs mer och boka →

Bonus: Glimmas allra första framträdande

Innan boken fanns gjorde jag ett kort videoklipp i Google Gemini utifrån en stillbild av Glimma på scenen. Det var ett av de allra första försöken, innan figurarken fanns.

AI-genererad video, gjord i Google Gemini utifrån en stillbild. Slå på ljudet.

Läs också

Några av våra kursdeltagare

Bland våra kursdeltagare: Baker Tilly, Beijer Byggmaterial, Skanska, Norstedts, Great Security, Naturhistoriska riksmuseet, Valmyndigheten, White Arkitekter, Biometria, Göteborgs Hamn, Fremantle, Bostadsbolaget, Länsförsäkringar, Svenska Solskyddsförbundet, AFRY, Riksteatern, SMC, Svensk Innebandy, LKAB, Härryda Energi, Svinesundskommittén, DFDS, Seko, Svenska Fotbollförbundet, Tarkett, Sparbanken Skåne, Sundström, Granitor, Region Stockholm, Akademiska Hus, Byggnads, Chalmers, Region Jönköpings län, Mälardalens universitet, Skandia Fastigheter, Svenska kyrkan, Region Västmanland, Praktikertjänst, Studieförbundet Vuxenskolan, HSB, Lunds universitet, Speed Group, Resurs, IUC Sverige, PTS, Göteborgsoperan, Västerviks kommun, Sjövärnskåren, Ahlsell, VR, Tetra Pak, Lions, Sieps, Coop, Ticket, Socialstyrelsen, Djurskyddet Sverige, Trafikverket, Frisörföretagarna, Tullverket, VIVAB, Denso, Västra Götalandsregionen