Vibe Coding · Lektion

Från assistent till agent

När AI agerar i stället för att bara svara.

Lektion 1 av 413 steg

Från assistent till agent är en gratis lektion i Vibe Coding på CoddyKit. Detta är lektion 1 av 4. Du kan läsa vilka 3 lektioner som helst i den här lärvägen kostnadsfritt i sin helhet – därefter låser CoddyKit PRO upp alla lektioner, plus praktisk övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Den ingår i lärvägen för Vibe Coding, och Era framsteg synkroniseras mellan webben och CoddyKit-appen. Kursen i Vibe Coding innehåller totalt 4 lektioner.

När AI slutar prata och börjar göra

Hittills har ni använt AI som en chattpartner: ni frågar, den svarar och ni kopierar koden. Det är en assistent.

En agent fungerar annorlunda. Ni ger den ett mål och den agerar på egen hand: den läser filer, kör kommandon, kontrollerar resultaten och fortsätter tills jobbet är klart. Ni behöver inte längre klistra in allt själva.

Den här lektionen handlar om det steget: från AI som svarar till AI som utför arbetet.

Assistent kontra agent

Det enklaste sättet att märka skillnaden:

Assistent: "Här är koden för ett inloggningsformulär" — sedan tar ni över.
Agent: "Jag skapade login.html, kopplade formuläret, körde appen och den fungerar." — den utförde stegen.

Verktyg som Claude Code och Cursors agentläge är agentbaserade: de arbetar med era riktiga projektfiler, inte bara i en chattruta.

Agentloopen

Under huven kör en agent en enkel loop: tänk → agera → observera → upprepa.

Den planerar ett steg, utför en åtgärd (redigerar en fil eller kör ett kommando), ser vad som hände och bestämmer sedan nästa steg. Den fortsätter tills målet är uppnått eller den kör fast.

Här visas loopen som JavaScript-pseudokod så att ni kan föreställa er den:

function agentLoop(goal) {
  let done = false;
  while (!done) {
    const plan = think(goal);   // decide next step
    const result = act(plan);   // edit file / run command
    done = check(result, goal); // is the goal met?
  }
  return "Goal reached!";
}
console.log("An agent repeats: think, act, observe.");

Så ser ett mål ut

Ni detaljstyr inte en agent. Ni ger den ett resultat och låter den själv lista ut stegen.

Jämför en enskild instruktion med ett agentmål: målet beskriver det färdiga resultatet, inte varje tangenttryckning.

Goal for an agent (paste into Claude Code or Cursor agent mode):

"Add a dark mode toggle to my website. Create a button in the top
right, switch the page between light and dark colors when clicked,
and remember the choice when the user comes back. Test it works
before you finish."

Agenter använder ert riktiga projekt

Den stora förändringen är att en agent arbetar i era faktiska filer. Den kan öppna index.html, hitta er CSS, lägga till ny kod och spara — utan att ni behöver kopiera och klistra in.

Det är kraftfullt och lite skrämmande. Agenten kan ändra mycket på en gång, så ni får lära er att granska det den har gjort (och i kursens sista lektion går ni igenom säkerhet).

Agenter kan köra saker

Förutom att redigera filer kan agenter köra kommandon: starta appen, installera ett paket eller köra tester. Sedan läser de resultatet och reagerar.

Om ett kommando misslyckas märker en bra agent felet och åtgärdar det — ni behöver inte kopiera den röda texten till chatten. Därför känns agenter mer som en kollega än som ett verktyg.

Example agent goal that involves running things:

"Install the dependencies for this project, start the dev server,
open the homepage, and tell me if there are any errors in the
console. If there are, fix them and run it again."

Se en agent arbeta

När ni kör en agent i Claude Code eller Cursor ser ni hur den berättar om sina steg: "Läser fil... redigerar... kör... klart."

Det här är ert fönster in i hur den tänker. Läs det! Om den börjar gå åt fel håll kan ni stoppa den och styra om den. Ni är fortfarande piloten; agenten flyger bara planet åt er under de tråkiga delarna.

Godkänn innan den agerar

De flesta agentverktyg ber om tillåtelse innan de gör något riskabelt — till exempel tar bort filer eller kör ett okänt kommando. De visar åtgärden och väntar på ett ja.

Behandla varje godkännande som ett verkligt beslut. "Tillåt en gång" är okej för normala redigeringar; stanna upp och läs noggrant innan ni godkänner något som tar bort eller skriver över mycket.

Bra uppgifter för en agent

Agenter är särskilt bra på uppgifter med många små, mekaniska steg:

Byta namn på något i många filer
Lägga till en funktion som berör flera delar
Åtgärda ett fel, köra appen och bekräfta att det är borta
Konfigurera ett nytt projekt från grunden

För en fråga på en rad ("vad gör den här funktionen?") är en vanlig assistentchatt snabbare. Anpassa läget efter uppgiften.

Ni sätter målet, AI följer vägen

Här är tankesättet att ta med er: ni äger målet och bedömningen; agenten sköter grovjobbet.

Ni avgör vad som räknas som framgång och kontrollerar resultatet. Agenten hanterar hur — de dussintals små stegen däremellan. Det samarbetet är kärnan i vibe coding på nästa nivå.

Try this framing for any agent request:

GOAL:    what the finished result should be
CONTEXT: which project / files it should work in
DONE WHEN: how the agent knows it succeeded

Fill those three in and you've written a great agent task.

Ert första agenttankesätt

Före quizet kan ni föreställa er detta: i stället för att fråga "hur lägger jag till ett kontaktformulär?" och kopiera kod säger ni "Lägg till ett fungerande kontaktformulär på min webbplats och bekräfta att det går att skicka."

Samma idé, men ett helt annat arbetsflöde. Agenten läser ert projekt, bygger det, testar det och rapporterar tillbaka. Ni granskar och godkänner. Det är agentbaserat byggande.

Snabbtest

Vi ser till att skillnaden mellan assistent och agent har gått fram.

Besvara frågan i den interaktiva lektionen

Sammanfattning: från att svara till att agera

Ni har tagit steget i tankesätt:

En assistent svarar; en agent agerar utifrån ett mål.
Agenter kör en loop med tänk → agera → observera i era riktiga filer.
Ni överlämnar ett mål (och ett villkor för när det är klart), inte varje steg.
Observera och godkänn — ni är fortfarande piloten.
Verktyg som Claude Code och Cursor agent mode gör detta möjligt i praktiken.

Nästa steg: ge agenten verktyg så att den kan nå webben, filer och kod.

Gratis att börja

Lär dig JavaScript med en AI-lärare – gratis

Skriv och kör riktig kod i webbläsaren, få omedelbar hjälp av en AI-lärare dygnet runt och fortsätt där du slutade – på webben eller i appen.

Kurser: 25
Lektioner: 100

Börja lära dig gratis Visa hela kursen

Vanliga frågor

Är lektionen ”Från assistent till agent” gratis?

Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Vibe Coding, inklusive ”Från assistent till agent”, kostnadsfritt i sin helhet här på webben. Därefter låser CoddyKit PRO upp alla lektioner, plus interaktiv övning med en inbyggd kodredigerare och en AI-lärare dygnet runt. Kursen i Vibe Coding innehåller totalt 4 lektioner.

Vad lär jag mig i ”Från assistent till agent”?

När AI agerar i stället för att bara svara. Ni övar på Vibe Coding med praktisk kod som körs direkt i webbläsaren, medan en AI-handledare som är tillgänglig dygnet runt svarar på Era frågor under lektionen.

Behöver jag någon erfarenhet för att börja lära mig Vibe Coding?

Du behöver inga förkunskaper. Utbildningen i Vibe Coding på CoddyKit är upplagd för allt från nybörjare till avancerade elever, så att du kan börja här eller från början och gå fram i din egen takt. Detta är lektion 1 av 4.

Hur lång tid tar lektionen ”Från assistent till agent”?

De flesta CoddyKit-lektioner tar cirka 5–10 minuter. Varje lektion är kort och interaktiv, så att du gör stadiga framsteg och kan fortsätta precis där du slutade – på webben eller i appen.

Kan jag skriva och köra kod i den här Vibe Coding-lektionen?

Ja. Varje Vibe Coding-lektion innehåller en inbyggd kodredigerare, så att du kan skriva och köra riktig kod direkt i webbläsaren och få omedelbar AI-feedback – utan lokal installation.

Alla lektioner i den här kursen

← Tillbaka till Vibe Coding