Vibe coding for begyndere: Sådan kommer du i gang, trin for trin

Vibe coding for begyndere handler om fem trin: vælg et værktøj, der kører appen for dig, beskriv én lille app med almindelige ord, prøv den som en bruger, bed om én rettelse ad gangen, og publicer når den virker. Du behøver ikke vide, hvordan man koder. Denne vejledning gennemgår hvert trin med et rigtigt første projekt, de præcise prompts du skriver, og de fejl næsten alle begyndere laver i deres første uge.

Hvis du først vil have baggrunden — hvor begrebet kommer fra, og hvorfor folk diskuterer det — så læs hvad vibe coding er. Denne side handler om den praktiske side.

Hvad du skal bruge, før du starter

Mindre, end du tror:

• En browser og en konto hos et vibe coding-værktøj. Begyndere bør vælge en AI-appbygger, som skriver koden, kører den og hoster den, frem for en kodeassistent, der forventer, at du selv håndterer filer og servere.
• En lille idé. Ikke din startup. Et værktøj til én person (dig) med en eller to skærme.
• En til to timer uden afbrydelser. Den første session lærer dig rytmen.

Det er alt. Ingen installationer, intet programmeringskursus, ingen terminal.

Hvilket værktøj du skal vælge som begynder

Valget af værktøj betyder mindre end vanerne, men det bør gøre tre ting: vise en live preview, mens det bygger, lade dig fortryde en dårlig ændring og publicere til et link, du kan dele. Vores sammenligning af de bedste vibe coding-værktøjer dækker de vigtigste muligheder ærligt. Mythex er en af dem: du beskriver appen i chatten, den bygger en rigtig full-stack-app med live preview, tilføjer en database, når appen skal huske ting, og publicerer med ét klik. Gratis-planen kræver intet kort.

Trin 1: Vælg et første projekt, du kan gennemføre

Begyndere fejler typisk ved at sigte for højt. Et godt første projekt:

• Er nyttigt for dig personligt, så du tester det ordentligt.
• Passer på én eller to skærme.
• Gemmer en lille mængde af dine egne data.
• Har ingen betalinger, ingen teams og ingen følsomme personoplysninger.

Gode første projekter:

Vi bruger læselisten i resten af denne vejledning.

Trin 2: Skriv din første prompt

Din første besked sætter formen på alt andet. Sig, hvem det er til, hvad det gør, og hvordan det skal se ud. Hold det til et kort afsnit.

En svag første prompt:

Lav en bogapp til mig.

En god første prompt:

Byg en læseliste-app til mig. Jeg kan tilføje en bog med titel, forfatter og status (vil læse, læser, færdig). Vis bøgerne som kort grupperet efter status, med de nyeste først. Jeg kan ændre en bogs status eller slette den. Hold det rent og enkelt: hvid baggrund, én accentfarve, virker på min telefon. Gem bøgerne, så de stadig er der efter et genindlæs.

Læg mærke til, hvad den anden gør. Den lister felterne, handlingerne, layoutet og én regel, som begyndere altid glemmer: gem dataene, så de overlever et genindlæs. Uden den linje bygger mange værktøjer en side, der ser færdig ud, men glemmer alt, når du genindlæser.

Til flere startpunkter, se vores cheat sheet med vibe coding-prompts.

Bed om en plan, når du er i tvivl

Hvis du ikke er sikker på, hvordan du beskriver noget, så bed AI'en om en plan, før den bygger:

Før du bygger noget, så fortæl mig med almindelige ord, hvilke skærme du laver, hvilke data du gemmer, og hvad jeg skal beslutte.

I Mythex er det til det, Plan-tilstanden er til: agenten lægger tilgangen frem, og du godkender den, før nogen filer ændres.

Trin 3: Test den som en bruger, ikke som den, der byggede den

Når preview'et dukker op, så beundr det ikke bare. Brug det:

1. Tilføj tre bøger, heriblandt én med en meget lang titel.
2. Skift en status. Flytter kortet til den rigtige gruppe?
3. Genindlæs siden. Er bøgerne stadig der?
4. Prøv at tilføje en bog med en tom titel. Hvad sker der?
5. Åbn preview'et på din telefon, eller gør browservinduet smallere.

Skriv ned, hvad der er galt, med almindelige ord. "Den lange titel ødelægger kortets layout" er en perfekt fejlrapport. "Det er i stykker" er ikke.

Trin 4: Ret én ting pr. besked

Det er vanen, der skiller dem, der gennemfører, fra dem der giver op. Send én ændring, tjek den, og send derefter den næste.

Den lange titel "The Hitchhiker's Guide to the Galaxy: The Complete Trilogy" flyder ud over kortet. Lad lange titler gå over to linjer, og skær resten af med "…".

Derefter:

Hvis jeg sender formularen med en tom titel, sker der ingenting, og der kommer ingen besked. Vis "Tilføj en titel" under feltet, og gem ikke bogen.

Hvorfor én ad gangen? Når du beder om fem ændringer i én besked, kan AI'en lave fire godt og stille og roligt ødelægge noget andet, og du ved ikke, hvilken ændring der skabte det. Små skridt gør også fortrydelse nyttig: hvis én ændring går galt, så rul tilbage til versionen lige før og prøv en klarere anmodning.

Når noget går i stykker

Det vil det. Alle builders støder på fejl. Kopiér den præcise fejltekst, eller beskriv præcis hvad du klikkede på og hvad du så, og indsæt det igen:

Når jeg klikker Slet på et kort, ser jeg "Noget gik galt", og bogen bliver. Find ud af hvorfor, og ret det. Fortæl mig, hvad årsagen var.

Det er vigtigt at bede om årsagen. Det lærer dig, hvordan apps fungerer, og det stopper AI'en fra at gætte. Vores guide om hvordan du fejlfinder en AI-bygget app går dybere.

Trin 5: Gør den til din egen

Når den virker, så forbedr den i de samme små skridt:

• "Tilføj en 1–5 stjerners bedømmelse, der vises på færdige bøger."
• "Tilføj et søgefelt over kortene, der filtrerer på titel eller forfatter."
• "Brug en varm off-white baggrund og en mørkegrøn accentfarve."
• "Tilføj en tæller øverst: bøger færdiglæst i år."

Hver enkelt er én enkelt, testbar ændring.

Trin 6: Publicer og del den

Når den gør det, du har brug for, så publicer den. På Mythex er det ét klik, og du får en offentlig URL, du kan åbne på enhver enhed eller sende til en ven. Hvis du senere vil have dit eget domæne, er det en Pro-funktion, og vores guide til at forbinde et eget domæne forklarer det.

Før du deler noget ud over nogle få venner, så læs er vibe coding sikkert?. For en personlig læseliste er risikoen lav. For en app, hvor fremmede opretter sig og gemmer data, er der kontroller, du skal lave først.

Begynderfejl at undgå

• At bede om alt på én gang. "Byg mig Goodreads" giver noget, der ser imponerende ud og fungerer dårligt. Start med den mindste nyttige version.
• Ikke at teste genindlæsning. Data, der forsvinder ved genindlæsning, er den hyppigste overraskelse for begyndere.
• At omskrive din anmodning fra bunden hver gang. Sig, hvad der skal ændres, og hvad der skal bevares: "Behold layoutet, skift kun farverne."
• At stole på "det er rettet". AI'en siger ofte, at en fejl er rettet. Tjek det selv hver gang.
• At indsætte adgangskoder eller API-nøgler i chatten. Hvis din app har brug for en nøgle til en ekstern tjeneste, så læg den i værktøjets indstillinger for hemmeligheder, aldrig i en besked eller i koden. Se sådan holder du API-nøgler sikre.
• At stoppe efter den første fejl. Fejl er normale. Indsæt dem igen og bed om årsagen.

Hvad du lærer undervejs

Du behøver ikke et kursus, men nogle få begreber gør hver anmodning skarpere. Bed AI'en om at forklare dem i forhold til din egen app:

• Frontend og backend: hvad der kører i besøgendes browser versus på en server. (Frontend vs. backend)
• Database: hvor din app gemmer sine data. (Hvad er en database?)
• Autentificering: hvordan appen ved, hvem nogen er.
• Hemmeligheder: private nøgler appen bruger, som besøgende aldrig må se.

En god prompt til det: "Forklar hvordan min læseliste gemmer en bog, fra at jeg klikker Tilføj til at dataene bliver gemt. Brug almindelige ord og henvis til de faktiske filer."

Dit andet og tredje projekt

Efter den første app, vælg noget et trin sværere. En vanetracker med et ugentligt diagram. En bookingformular der sender dig en e-mail. Et lille dashboard, der læser fra et Google Sheet. Vores vibe coding-eksempler viser rigtige app-typer med de prompts, der ligger bag, og hvad der gik galt, og sådan bygger du en app med vibe coding tager et større projekt fra idé til en publiceret app med brugere.

Når du er klar til at starte, så åbn AI-appbyggeren, indsæt læselisteprompten ovenfor, og ændr den til din egen idé.

Spørgsmål