Ser específico
Los prompts imprecisos producen código impreciso: concrete sus indicaciones
Ser específico es una lección gratuita de Vibe Coding en CoddyKit. Esta es la lección 2 de 4. Puedes leer la lección completa abajo gratuitamente — luego la practicas en el navegador con un editor de código integrado y un tutor de IA 24/7. Forma parte de la ruta de aprendizaje de Vibe Coding, y tu progreso se sincroniza en la web y la app de CoddyKit. El curso de Vibe Coding incluye 4 lecciones en total.
Partes de esta lección aún no han sido traducidas y se muestran en inglés.
Vague In, Vague Out
AI builders like Cursor, Bolt and v0 are powerful, but they can't read your mind. When your prompt is fuzzy, the AI guesses — and its guess is rarely the app you pictured.
The fix is the single most valuable prompting skill: being specific. This lesson shows you how to turn a wish into a precise instruction.
Specific About What, Exactly?
You can add precision in four directions:
- What — the exact feature or element
- How it looks — colors, layout, size
- How it behaves — what happens on click, on error
- How much — counts, limits, ranges
Every detail you pin down is one fewer thing the AI gets wrong.
Specify the 'What'
Name the exact thing you want. 'A button' could be anything. 'A submit button labeled Save that appears under the form' leaves no doubt.
Vague: "Add a button."
Specific: "Add a green 'Save Note' button below the textarea.
When clicked, it adds the note to the list above."Specify the Look
Design words like 'nice' or 'modern' mean different things to everyone. Give the AI concrete visual targets: colors, spacing, fonts, sizes.
You can even reference a known style — 'like Notion' or 'Apple-clean' — to anchor the vibe.
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."Specify the Behavior
Apps do things. Spell out what happens on each action — including the edge cases like empty input or errors. This is where vague prompts fail hardest.
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."Specify the Numbers
Numbers remove ambiguity instantly. How many items? What max length? What range? Give the AI real values instead of 'some' or 'a few'.
Here's a tiny function the AI might build from a numeric constraint — you can run it.
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)));Replace Adjectives with Details
Watch out for slippery adjectives: fast, simple, clean, modern, professional, responsive, secure. Each one hides a decision you should make.
Whenever you write one, ask: 'what would that actually mean here?' — and write that instead.
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."Specificity Beats Length
Being specific doesn't mean writing an essay. A short, precise prompt beats a long, fuzzy one. Pack meaning, not words.
Both prompts below are short — but only one will give you the app you imagined.
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."Show, Don't Just Tell
When words get clumsy, switch to a concrete example. Paste a sample of the data, a row of a table, or a mini mock of the layout. Examples are the most specific thing you can give.
"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."The Specificity Checklist
Before you hit enter, scan your prompt against this list:
- Did I name the exact element/feature?
- Did I give concrete colors/sizes if looks matter?
- Did I describe what happens on each action and on errors?
- Did I replace vague adjectives with real details?
- Did I include numbers where they apply?
One pass over this list saves you three rounds of back-and-forth.
Don't Over-Specify Either
There's a balance. Pin down what you care about, and let the AI choose the rest. If you dictate every pixel, you slow yourself down and lose the AI's good instincts.
Rule of thumb: be specific about outcomes, flexible about implementation — unless implementation is the point.
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."Quick Check
Which rewrite makes the prompt 'Make the app look modern' more specific and useful?
Recap: Get Concrete
Vague prompts give vague code. To get exactly what you pictured:
- Name the exact what
- Give concrete looks and numbers
- Describe behavior and error cases
- Trade vague adjectives for real details
- Show an example when words fall short
Next: how to give the AI context about your files and goals so its code fits your project perfectly.
Preguntas frecuentes
¿La lección «Ser específico» es gratis?
Sí — el texto completo de «Ser específico» es gratis para leer aquí en la web. Para practicarla de forma interactiva (editor de código integrado y tutor de IA 24/7) y desbloquear el resto del curso de Vibe Coding, actualiza a CoddyKit PRO. El curso de Vibe Coding incluye 4 lecciones en total.
¿Qué aprenderé en «Ser específico»?
Los prompts imprecisos producen código impreciso: concrete sus indicaciones Practicas Vibe Coding con código real que ejecutas directamente en el navegador, y un tutor de IA 24/7 responde tus preguntas mientras trabajas en la lección.
¿Necesito experiencia previa para empezar Vibe Coding?
No se requiere experiencia previa. Vibe Coding en CoddyKit está estructurado para principiantes hasta estudiantes avanzados, así que puedes empezar aquí o desde el inicio y avanzar a tu ritmo. Esta es la lección 2 de 4.
¿Cuánto tiempo toma la lección «Ser específico»?
La mayoría de las lecciones de CoddyKit toman alrededor de 5–10 minutos. Cada una es compacta e interactiva, así que avanzas constantemente y retomas exactamente por donde dejaste en la web y la app.
¿Puedo escribir y ejecutar código en esta lección de Vibe Coding?
Sí. Cada lección de Vibe Coding incluye un editor de código integrado, así que escribes y ejecutas código real directamente en tu navegador y obtienes retroalimentación instantánea de IA — sin configuración local necesaria.
Todas las lecciones de este curso
- Anatomía de un buen prompt de construcción
- Ser específico
- Cómo dar contexto a la IA
- Iteración de un prompt