Var specifik
Vaga promptar ger vag kod – var konkret.
Var specifik är en gratis lektion i Vibe Coding på CoddyKit. Detta är lektion 2 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.
Vagt in, vagt ut
AI-byggare som Cursor, Bolt och v0 är kraftfulla, men de kan inte läsa dina tankar. När din prompt är luddig gissar AI:n — och gissningen blir sällan den app du föreställde dig.
Lösningen är den mest värdefulla färdigheten inom prompting: att vara specifik. I den här lektionen får du lära dig att förvandla en önskan till en exakt instruktion.
Specifik om vad, exakt?
Du kan göra en instruktion mer exakt på fyra sätt:
- Vad — den exakta funktionen eller det exakta elementet
- Hur det ser ut — färger, layout och storlek
- Hur det fungerar — vad som händer vid klick och fel
- Hur mycket — antal, gränser och intervall
Varje detalj du bestämmer är en sak mindre för AI:n att göra fel.
Ange ”vad”
Nämn exakt vad du vill ha. ”En knapp” kan vara vad som helst. ”En skicka-knapp med etiketten Spara, placerad under formuläret” lämnar inget åt slumpen.
Vague: "Add a button."
Specific: "Add a green 'Save Note' button below the textarea.
When clicked, it adds the note to the list above."Ange utseendet
Designord som ”snygg” eller ”modern” betyder olika saker för olika personer. Ge AI:n konkreta visuella mål: färger, avstånd, typsnitt och storlekar.
Du kan även hänvisa till en välkänd stil — ”som Notion” eller ”Apple-rent” — för att förankra känslan.
Vague: "Make it look good."
Specific: "Use a clean white card on a light-gray background,
rounded corners, soft shadow, and a single accent
color of #7c3aed for buttons and links."Ange beteendet
Appar gör saker. Beskriv vad som händer vid varje åtgärd — även specialfall som tom inmatning eller fel. Det är här vaga promptar misslyckas som mest.
Specific behavior:
"When the user clicks 'Add', take the text from the input,
add it as a new list item, then clear the input.
If the input is empty, do nothing and shake the input box."Ange siffrorna
Siffror tar omedelbart bort tvetydighet. Hur många objekt? Vilken maxlängd? Vilket intervall? Ge AI:n verkliga värden i stället för ”några” eller ”ett par”.
Här är en liten funktion som AI:n kan bygga utifrån en numerisk begränsning — du kan köra den.
const MAX_LENGTH = 280;
function checkPost(text) {
if (text.length > MAX_LENGTH) {
return 'Too long by ' + (text.length - MAX_LENGTH) + ' chars';
}
return 'OK (' + text.length + '/' + MAX_LENGTH + ')';
}
console.log(checkPost('Hello world!'));
console.log(checkPost('x'.repeat(300)));Ersätt adjektiv med detaljer
Se upp med förrädiska adjektiv: snabb, enkel, ren, modern, professionell, responsiv, säker. Vart och ett döljer ett beslut som du bör fatta.
Varje gång du skriver ett sådant ord, fråga: ”vad skulle det faktiskt innebära här?” — och skriv det i stället.
Instead of: "Make it responsive."
Write: "Stack the columns vertically on screens under 600px."
Instead of: "Keep it simple."
Write: "One screen, no menu, three buttons max."Specificitet är viktigare än längd
Att vara specifik betyder inte att du måste skriva en uppsats. En kort och exakt prompt är bättre än en lång och vag. Fyll den med betydelse, inte ord.
Båda promptarna nedan är korta — men bara en av dem ger dig appen du föreställde dig.
Fuzzy & short: "Build a timer app."
Sharp & short: "Build a 25-minute countdown timer with Start,
Pause and Reset buttons. Show MM:SS. Beep at zero."Visa, berätta inte bara
När orden blir klumpiga kan du byta till ett konkret exempel. Klistra in ett exempel på data, en rad ur en tabell eller en liten skiss av layouten. Exempel är det mest specifika du kan ge.
"Format each contact like this exactly:
Ada Lovelace — ada@math.org — VIP
Name, then em-dash, email, em-dash, and a tag.
If there's no tag, leave off the last dash."Checklistan för specificitet
Innan du trycker på Enter kan du kontrollera prompten mot den här listan:
- Nämnde jag det exakta elementet eller den exakta funktionen?
- Angav jag konkreta färger och storlekar om utseendet spelar roll?
- Beskriver jag vad som händer vid varje åtgärd och vid fel?
- Ersatte jag vaga adjektiv med verkliga detaljer?
- Angav jag siffror där det behövs?
En genomgång av listan sparar dig tre omgångar av fram och tillbaka.
Var inte heller överdrivet specifik
Det gäller att hitta en balans. Bestäm det du bryr dig om och låt AI:n välja resten. Om du bestämmer varje pixel saktar du ner dig själv och går miste om AI:ns goda intuition.
En bra tumregel är att vara specifik kring resultatet och flexibel kring implementeringen — om inte implementeringen är själva poängen.
Good balance:
"Make a contact form with name, email and message fields,
and a Send button. Validate that email contains an '@'.
You choose a tidy, accessible layout."Snabb kontroll
Vilken omskrivning gör prompten ”Få appen att se modern ut” mer specifik och användbar?
Sammanfattning: Var konkret
Vaga uppmaningar ger vag kod. Gör så här för att få exakt det Ni föreställde Er:
- Ange exakt vad
- Beskriv konkreta utseenden och värden
- Beskriv beteende och felsituationer
- Ersätt vaga adjektiv med verkliga detaljer
- Visa ett exempel när ord inte räcker till
Nästa steg: hur Ni ger AI:n kontext om Era filer och mål, så att koden passar perfekt i Ert projekt.
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
Vanliga frågor
Är lektionen ”Var specifik” gratis?
Ja – du kan läsa vilka 3 lektioner som helst i lärvägen Vibe Coding, inklusive ”Var specifik”, 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 ”Var specifik”?
Vaga promptar ger vag kod – var konkret. 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 2 av 4.
Hur lång tid tar lektionen ”Var specifik”?
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.