Hils på Anna – presentasjonsverktøyet jeg endte opp med å lage selv
Det ble til Anna.js.
Hva er Anna?
Anna.js er et open source presentasjonsrammeverk der du skriver slidene i Markdown og får en polert, interaktiv presentasjon ut i den andre enden. Én CLI-kommando, ingen GUI, ingen tekstbokser å dra rundt på. Bare innholdet ditt, slik du egentlig ville hatt det.
Tre kommandoer er alt som skal til:
npm install -g @kwhorne/anna.js
anna init mitt-foredrag
anna serve slides.md --open
Så er du i gang. Live reload, automatisk oppdatering når du redigerer, og en presentasjon som faktisk ser ut som en presentasjon.
Markdown først – fordi versjonskontroll er en velsignelse
Hele poenget med å skrive slides i Markdown er at du får alle godene fra utvikler-verdenen på kjøpet. Git-historikk på presentasjoner. Branches for ulike versjoner. Pull requests fra kollegaer som vil korrigere skrivefeilen din. Diff på endringer. Alt det rare gamle binærfiler aldri har vært flinke til.
Og syntaksen er den du allerede kan. Overskrifter, lister, kodeblokker, fragmenter for animasjoner. Ingen ny applikasjon å lære, ingen meny å lete gjennom.
AI som medforfatter
Her måtte jeg ta meg selv litt i nakken. Jeg har ikke laget enda et AI-verktøy – jeg har laget et presentasjonsrammeverk som også kan snakke med Claude når du trenger en hjelpende hånd.
Du kan generere et helt slidedeck fra et tema (anna ai "Intro til Kubernetes"), be Anna om å forbedre eksisterende slides, eller oversette hele presentasjonen til et annet språk på et øyeblikk. Bring your own API key – ingen abonnementer i veien for deg som bare vil prøve.
For oss som faktisk skal vise kode
Tekniske presentasjoner har et eget problem: kodeeksempler som ser ut som de ble klippet ut av et 90-tallsdokument. Anna har:
🖥️ Terminalanimasjoner – kommandoer som skrives ut foran publikum, med animert output
🎮 Live kode – en interaktiv playground med syntax highlighting
📊 Mermaid-diagrammer – flowcharts, sekvensdiagrammer, gantt – inline i slidene
🧮 Math – LaTeX rett i Markdown for de som liker formler
Du slipper å bytte mellom syv vinduer for å vise hvordan noe faktisk fungerer.
Publikum får en stemme
Det jeg er mest fornøyd med – og som tok lengst tid å få på plass – er Anna Live. Når du kjører anna live slides.md får du to URL-er: én for deg som presentatør, og én for publikum, komplett med QR-kode på storskjerm.
Dermed kan publikum:
Stemme i live polls
Sende inn spørsmål du kan ta etter hvert
Reagere med emoji uten å avbryte
Det fungerer overraskende godt på workshops. Folk er litt mer tøyelige bak en telefon enn med hånda i været.
11 temaer, åtte komponenter, og en haug med plugins
Out of the box får du 11 temaer – fra Tokyo Night for de mørke i sjelen, til Light Minimal for de som faktisk skal projisere på lyst lerret i et opplyst rom. Åtte gjenbrukbare komponenter (kolonner, tidslinjer, kort og slikt), pluginsystem for terminal, playground, mermaid, math, search og zoom, og PDF-eksport for når noen absolutt må ha presentasjonen som vedlegg på e-post.
Embed-modus følger også med, så du kan dryppe enkeltslides inn i blogginnlegg eller dokumentasjon som web components. Praktisk for oss som skriver mye.
Hva det koster
Anna er gratis og open source, og kommer alltid til å være det. MIT-lisens, oppe på GitHub, bruk det til hva du vil.
Senere kommer det en Pro-versjon for hosting, AI-kreditter og premium-temaer, og en Team-versjon med samarbeid og analyse – men kjernen forblir fri. Det var liksom hele poenget med å lage det.
Hvorfor jeg deler dette nå
Anna har vært et hobbyprosjekt som krøp seg innover i kvelder og helger. Den fungerer godt nok til at jeg selv bruker den til alle presentasjonene mine, og terskelen for å si det høyt er passert. Hvis du har holdt på med Markdown lenger enn du har holdt på med tradisjonelle slideverktøy, kommer du til å føle deg hjemme nokså raskt.
Prøv det gjerne – og si fra hvis noe ikke fungerer. Issues på GitHub er åpne, og jeg leser hver eneste én.
npm install -g @kwhorne/anna.js
Resten ordner Anna.
