Du har en idé til en liten nettside i hodet, men du kan ikke kode. Kanskje en boliglånskalkulator, et skjema eller et lite verktøy du vil dele med en kollega. Med Claude Code beskriver du hva du vil ha på vanlig norsk og får det laget, uten å skrive en eneste linje kode selv. Det er litt som å ha en utvikler ved siden av deg som du bare kan snakke med.
Slik kommer du i gang med Claude Code
Det finnes flere måter å installere Claude Code på, men den enkleste er via Claude Desktop. Det er et helt vanlig program du laster ned og installerer. Det finnes også en kommandolinjeversjon og en utvidelse for Visual Studio Code, men de er først og fremst for utviklere.
Har du ikke lastet ned Desktop-applikasjonen ennå, går du til Claude Chat, ned til kontoen din og klikker på Get apps and extensions. Der ruller du nedover og laster ned Claude Desktop. Da får du Chat, Cowork og Code samlet i samme applikasjon.
Velg lokalt eller skyen før du sender inn
Inne i applikasjonen velger du Code og deretter New Session. En session er litt som en arbeidsfil eller en arbeidsdag. Du starter en ny når du skal begynne på noe nytt, beskriver oppgaven, sender den inn og følger med mens Claude Code jobber.
Før du sender inn må du ta to valg. Først om du vil jobbe lokalt på din egen datamaskin eller i skyen. For å holde det enkelt velger du lokalt. Deretter velger du hvilken mappe Claude Code får lov til å jobbe i. Du klikker på Open Folder og peker på mappen, for eksempel en tom mappe du har kalt Lånekalkulator.
Fire moduser og riktig modell
Nede i grensesnittet velger du hvilken modus Claude Code skal jobbe i. Det finnes fire. Den kan spørre om lov før den gjør endringer, den kan gjøre endringer uten å spørre, den kan bare lage en plan du leser og godkjenner, eller den kan kjøre i den nye Auto-modusen som veksler mellom disse. I Auto stiller den deg spørsmål innimellom og setter ellers i gang med det den mener er fornuftig.
På høyre side velger du modell. Når du programmerer, er det ofte lurt å bruke Opus 4,8, som gir de beste resultatene. Er oppgaven enkel, holder det med Sonnet 4,6. Haiku brukes sjelden til dette. Abonnerer du på Claude og betaler for eksempel 100 dollar i måneden, kan du bruke Opus 4,8 ganske mye på et prosjekt før du når grensen din.
Slik bygger du en nettside med Claude Code fra en prompt
Når oppsettet er klart, limer du inn en detaljert ledetekst og sender den inn. I kurset er eksempelet en boliglånskalkulator. Promptet ber om at brukeren skal kunne fylle inn lånebeløp, rente og nedbetalingstid, pluss avanserte innstillinger som terminer per år, etableringsgebyr og termingebyr.
Deretter beskriver du resultatet kalkulatoren skal vise: månedlig betaling, totale kostnader, effektiv rente, totalt å betale over tid, totale renter og totale gebyrer. Promptet ber også om en graf som viser hvordan lånet nedbetales, norsk tekst og beløp i kroner.
Den siste, og lett glemte, biten er å fortelle hvordan resultatet skal leveres. Sier du bare nettside, har Claude Code mange måter å lage en nettside på. Derfor spesifiserer du at den skal bygge en grunnleggende nettside med kun HTML, CSS og JavaScript, slik at du kan åpne filen direkte i nettleseren. Vil du forstå disse byggesteinene bedre, viser Lær HTML og Lær CSS deg hva de gjør.
Små oppgaver med mye input gir deg kontroll
Etter rundt 30 sekunder var de første 1200 tokenene brukt, og kalkulatoren stod ferdig som én HTML-fil. Jo flere tokens du bruker, jo mer av grensen din spiser du opp, og store oppgaver kan i dag ta minutter, timer, til og med dager.
Poenget er likevel ikke å få modellen til å jobbe lengst mulig uten innblanding. Skal du lage noe som virkelig skal brukes, kommer du lenger med små oppgaver og mye input. Da beholder du kontrollen underveis og vet at det som leveres faktisk er noe du får bruk for.
Slik jobber du videre på nettsiden
Da kalkulatoren var laget, var det vanskelig å se om et tall var 300 000, 3 millioner eller 30 millioner. Da ber du Claude Code formatere beløpet, og den legger til tusenskille med mellomrom mens du skriver. I prosessen ødela den det visuelle på input-feltet, så neste steg var å be den endre feltet så det matchet de andre.
I stedet for å beskrive alt med ord kan du bruke funksjonen select element. Du skrur den på, fører musepekeren over siden og markerer akkurat det elementet du vil endre. Slik ble ett felt formatert som norsk desimaltall, og et tall-input gjort om til en slider du drar mot venstre og høyre.
Resultatet er én HTML-fil. Den er ikke spesielt stor, så du kan sende den til andre på e-post. Åpner de filen på sin egen datamaskin, får de opp den samme fungerende nettsiden, og slik blir en nettside med Claude Code noe du kan dele med hvem som helst.
Neste steg
Nå vet du hvordan du setter opp Claude Code, skriver en prompt med nok detaljer og jobber deg frem til en ferdig nettside i små steg. Vil du gå dypere på selve verktøyet, finner du mer på Claude Code. Denne videoen er hentet fra kurset Claude – komplett guide på Utdannet.no. I det fulle kurset lærer du å installere Claude Desktop, skrive detaljerte prompter som gir deg kontroll underveis, og bruke select element til å finpusse resultatet rett i grensesnittet.
