Vibe-programmering · Lektion

Fra assistent til agent

Når AI handler i stedet for kun at svare.

Lektion 1 af 413 trin

Fra assistent til agent er en gratis Vibe-programmering-lektion på CoddyKit. Dette er lektion 1 af 4. Du kan læse alle 3 lektioner i dette læringsspor gratis i deres fulde længde — derefter låser CoddyKit PRO alle lektioner op samt praktiske øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Den er en del af læringsforløbet i Vibe-programmering, og dine fremskridt synkroniseres på tværs af nettet og CoddyKit-appen. Vibe-programmering-kurset indeholder 4 lektioner i alt.

Når AI holder op med at tale og begynder at handle

Indtil nu har du brugt AI som en chatpartner: du spørger, den svarer, og du kopierer koden. Det er en assistent.

En agent er anderledes. Du giver den et mål, og den handler på egen hånd: den læser filer, kører kommandoer, kontrollerer resultater og fortsætter, indtil opgaven er løst. Du er ikke længere den, der indsætter det hele.

Denne lektion handler om det spring: fra AI, der svarer, til AI, der udfører arbejdet.

Assistent kontra agent

Den enkleste måde at mærke forskellen på:

  • Assistent: "Her er koden til en loginformular" — så må du selv tage over.
  • Agent: "Jeg oprettede login.html, satte formularen op, kørte appen, og den virker." — den udførte trinnene.

Værktøjer som Claude Code og Cursors agenttilstand er agentbaserede: de arbejder direkte med dine rigtige projektfiler, ikke kun i et chatfelt.

Agentens løkke

Under overfladen kører en agent en simpel løkke: tænk → handl → observer → gentag.

Den planlægger et trin, udfører en handling (redigerer en fil, kører en kommando), ser på, hvad der skete, og beslutter derefter det næste trin. Den fortsætter løkken, indtil dit mål er nået, eller den går i stå.

Her er løkken skitseret som JavaScript-pseudokode, så du kan danne dig et billede af 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ådan ser et mål ud

Du detailstyrer ikke en agent. Du giver den et resultat og lader den selv finde trinnene.

Sammenlign en enkelt instruktion med et agentmål: Målet beskriver det færdige resultat, ikke hvert enkelt tastetryk.

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 bruger dit rigtige projekt

Det store skift er, at en agent arbejder direkte i dine rigtige filer. Den kan åbne index.html, finde din CSS, tilføje ny kode og gemme — alt sammen uden at du kopierer og indsætter.

Det er effektivt og en smule skræmmende. Det betyder, at agenten kan ændre meget på én gang, så du lærer at gennemgå det, den har gjort (og du lærer om sikkerhed i kursets sidste lektion).

Agenter kan køre ting

Ud over at redigere filer kan agenter køre kommandoer: starte din app, installere en pakke eller køre test. Derefter læser de outputtet og reagerer.

Hvis en kommando mislykkes, opdager en god agent fejlen og retter den — du behøver ikke kopiere den røde tekst ind i chatten. Derfor føles agenter som en kollega og ikke som et værktøj.

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 arbejde

Når du kører en agent i Claude Code eller Cursor, kan du se den beskrive sine trin: "Læser fil ... redigerer ... kører ... færdig."

Det er dit vindue til dens overvejelser. Læs det! Hvis den bevæger sig i den forkerte retning, kan du stoppe den og styre den. Du er stadig piloten; agenten flyver bare flyet, når det gælder de kedelige dele.

Godkend, før den handler

De fleste agentværktøjer beder om tilladelse, før de gør noget risikabelt — f.eks. sletter filer eller kører en ukendt kommando. De viser dig handlingen og venter på et ja.

Behandl enhver godkendelse som en reel beslutning. "Tillad én gang" er fint ved normale redigeringer; stop op, og læs grundigt, før du godkender noget, der fjerner eller overskriver meget.

Gode opgaver til en agent

Agenter er særligt gode til opgaver med mange små, mekaniske trin:

  • Omdøbe noget i mange filer
  • Tilføje en funktion, der berører flere steder
  • Rette en fejl, køre appen og bekræfte, at fejlen er væk
  • Opsætte et nyt projekt fra bunden

Til et spørgsmål på én linje ("hvad gør denne funktion?") er en almindelig assistentchat hurtigere. Vælg tilstanden efter opgaven.

Du sætter målet, AI finder vejen

Her er den tankegang, du skal tage med videre: Du ejer målet og vurderingen; agenten udfører benarbejdet.

Du beslutter, hvordan succes ser ud, og kontrollerer resultatet. Agenten håndterer hvordan — de dusinvis af små trin imellem. Det samarbejde er kernen i vibe coding på næste niveau.

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.

Din første agenttankegang

Før quizzen kan du forestille dig følgende: I stedet for at spørge "hvordan tilføjer jeg en kontaktformular?" og kopiere kode siger du "Tilføj en fungerende kontaktformular til mit websted, og bekræft, at den kan sendes."

Samme idé, men en helt anden arbejdsgang. Agenten læser dit projekt, bygger det, tester det og rapporterer tilbage. Du gennemgår og godkender. Det er agentbaseret udvikling.

Hurtigt tjek

Lad os sikre os, at forskellen på en assistent og en agent er klar.

Opsummering: Fra at svare til at handle

Du har taget springet i din tankegang:

  • En assistent svarer; en agent handler ud fra et mål.
  • Agenter kører en tænk → handl → observer-løkke på dine rigtige filer.
  • Du giver et mål (og en betingelse for, hvornår det er færdigt), ikke hvert enkelt trin.
  • Hold øje med og godkend — du er stadig piloten.
  • Værktøjer som Claude Code og Cursor agent mode gør dette muligt i praksis.

Næste trin: Giv din agent værktøjer, så den kan få adgang til internettet, filer og kode.

Gratis at komme i gang

Lær JavaScript med en AI-underviser — gratis

Skriv og kør rigtig kode i din browser, få øjeblikkelig hjælp fra en AI-underviser døgnet rundt, og fortsæt, hvor du slap, på web eller i appen.

Kurser
25
Lektioner
100

Ofte stillede spørgsmål

Er lektionen “Fra assistent til agent” gratis?

Ja — alle 3 lektioner i læringssporet Vibe-programmering, inklusive “Fra assistent til agent”, kan læses gratis i deres fulde længde her på webstedet. Derefter låser CoddyKit PRO alle lektioner op samt interaktive øvelser med en indbygget kodeeditor og en AI-underviser døgnet rundt. Vibe-programmering-kurset indeholder 4 lektioner i alt.

Hvad lærer jeg i “Fra assistent til agent”?

Når AI handler i stedet for kun at svare. Du øver dig i Vibe-programmering med praktisk kode, som du kører direkte i browseren, og en AI-vejleder døgnet rundt besvarer dine spørgsmål, mens du arbejder dig gennem lektionen.

Skal jeg have erfaring for at begynde på Vibe-programmering?

Der kræves ingen tidligere erfaring. Vibe-programmering på CoddyKit er tilrettelagt for både begyndere og øvede, så du kan starte her eller fra begyndelsen og lære i dit eget tempo. Dette er lektion 1 af 4.

Hvor lang tid tager lektionen “Fra assistent til agent”?

De fleste CoddyKit-lektioner tager cirka 5–10 minutter. Hver lektion er kort og interaktiv, så du gør løbende fremskridt og kan fortsætte, hvor du slap – på både web og app.

Kan jeg skrive og køre kode i denne Vibe-programmering-lektion?

Ja. Alle Vibe-programmering-lektioner har en indbygget kodeeditor, så du kan skrive og køre rigtig kode direkte i din browser og få øjeblikkelig feedback fra AI – uden lokal opsætning.

Alle lektioner i dette kursus

  1. Fra assistent til agent
  2. Giv en agent værktøjer
  3. Automatisering af opgaver i flere trin
  4. Hold agenter sikre
← Tilbage til Vibe-programmering