Primero el plan: una página
Lección 5 de 26 del curso «Vibe coding». Gratis, con animaciones y un test.
Por qué planear antes del código
La IA no lee mentes. Lo que no dices, lo inventa ella, y muchas veces no como querías. Pides «un registro para el gym» y recibes una app con pagos, chat y ranking, cuando solo querías anotar entrenamientos. Luego, medio día rehaciendo. Un plan corto antes de la primera línea de código ahorra más tiempo del que cuesta. Suena aburrido, pero son cinco minutos.
Una especificación de una página
La especificación es una descripción corta de lo que vas a construir. Un pedido de la lección anterior describe un paso; la especificación describe todo el proyecto. Cinco líneas. Objetivo: una frase sobre para qué sirve. Para quién: quién lo va a usar. Tres funciones principales. Qué no hacemos ahora. Listo cuando: las señales de que salió bien. En la imagen hay un ejemplo para un registro de entrenamientos.
Tres funciones y «ahora no»
MVP, producto mínimo viable: la versión más pequeña que ya sirve para algo. Para el registro son tres funciones: anotar un entrenamiento, ver tu racha de días seguidos, ver estadísticas simples. La línea «qué no hacemos ahora» es igual de importante: pagos y chat pueden esperar. Error común: meter veinte funciones de golpe. El proyecto se hunde y nada se termina.
«Listo cuando…»
La última línea es una lista de control corta, o sea puntos que puedes marcar con un check. Ejemplo: «abre y funciona bien en el celular», «el entrenamiento anotado sigue ahí al recargar la página», «un amigo pudo registrarse solo». Sin esta línea puedes mejorar el proyecto para siempre. Con ella sabes cuándo parar y publicar.
Primero el plan, luego el código
Dale la especificación a la IA y pídele que todavía no escriba código: «Propón una estructura del proyecto y divide el trabajo en pasos». Lee la respuesta. Si la IA agregó cosas de más o entendió algo mal, corrige el plan ahora, mientras son solo unas líneas de texto. Luego paso a paso: esqueleto, o sea el marco vacío de la página, primera función, segunda, publicación. Guarda la especificación en el proyecto y dásela a la IA en cada chat nuevo.
Ponte a prueba
- ¿Para qué sirve la línea «qué no hacemos ahora»?
Respuesta correcta: Para que tú y la IA no gasten esfuerzo en extras. Sin ella, la IA agrega pagos, chat y más por su cuenta. Un «no» explícito mantiene el proyecto pequeño y terminable. - ¿Qué es un MVP?
Respuesta correcta: La versión más pequeña que ya es útil. MVP: producto mínimo viable. Ya resuelve la tarea principal; lo demás se agrega después. - La especificación está lista. ¿Qué le pides primero a la IA?
Respuesta correcta: Proponer estructura y pasos, aún sin código. Primero revisa cómo entendió la IA la tarea. Corregir un plan corto es más fácil que reescribir código hecho.