Guía rápida de vibe coding · De la idea a la aplicación sin código¶
Kit del alumno · 1 página · tu chuleta para construir
Qué es¶
Vibe coding (término acuñado por Andrej Karpathy el 2 de febrero de 2025): programar por intención. Tú describes el problema, los usuarios y el objetivo en tu idioma; la IA escribe el código. Tú haces de gerente de producto; la IA, de ingeniero de software. No lees el código: lo diriges.
El prompt fundador (tu documento de requisitos en 4 líneas)¶
Fórmula: Problema + Audiencia + 5 funciones núcleo + Criterio de éxito
Ejemplo resuelto¶
Problema: en mi clínica dental perdemos pacientes porque los recordatorios de cita se hacen a mano. Audiencia: las dos recepcionistas, sin perfil técnico. Funciones núcleo: (1) calendario de citas, (2) alta rápida de paciente, (3) recordatorio automático 24 h antes, (4) confirmación con un clic, (5) lista diaria de no confirmados. Criterio de éxito: la recepcionista gestiona 40 citas diarias sin usar Excel.
Plantilla (rellena y pega)¶
Problema: _______ Audiencia: ______ Funciones núcleo (cinco, no quince): 1) _ 2) _ 3) _ 4) _ 5) _ Criterio de éxito («esto funciona si…»): ___________
Dónde construir (las mismas cuentas que ya tienes)¶
| Herramienta | Cómo construye | Nota |
|---|---|---|
| Claude — Artifacts (claude.ai) | Describes la app en el chat y la genera como pieza interactiva; se publica con un enlace para compartir | La recomendada para empezar |
| Gemini — Canvas (gemini.google.com) | Mismo concepto en el ecosistema Google | Útil si vives en Workspace |
| ChatGPT — Canvas (chatgpt.com) | Mismo concepto en el ecosistema OpenAI | Alternativa equivalente |
¿Y Claude Code o Codex? Categoría aparte: son agentes de código en la terminal, el siguiente nivel (módulo avanzado del curso). Para tu primer prototipo, quédate en el chat: Artifacts o Canvas.
⚠ verificar: nombres de funciones, límites de los planes y botones de publicar/compartir cambian en semanas.
El ciclo de trabajo (memorízalo)¶
Intención → Generación → Depuración asistida → Revisión … y vuelta a empezar.
- Intención: pega tu prompt fundador (o pide el siguiente cambio).
- Generación: la IA construye la aplicación. No leas el código.
- Depuración asistida: ¿algo falla? Describe lo que ves («al pulsar guardar no pasa nada»). La IA lo arregla. Si se enreda, simplifica: «quita esa función y vuelve a la versión que funcionaba».
- Revisión: juzga como directivo — ¿resuelve el problema? — y pide la siguiente iteración.
Expectativas realistas¶
- La V1 sorprende, la V2 frustra un poco, la V3 empieza a parecerse a lo que querías. Es lo normal; lo dice también quien lo ha vivido (Javier Pastor, Xataka): «casi mágico, pero exige iteración, paciencia y saber instruir».
- Los casos virales (una app en 4 días que factura miles) existen y son excepcionales. Tu retorno realista: prototipos internos en horas, validación de ideas sin depender de terceros y horas recuperadas cada semana.
- Un prototipo no es un producto: antes de dárselo a clientes o meterle datos reales, pasa por TI y por la guía de gobernanza.