🚀 Flujo de Trabajo Vibe-Coding: Desarrollo de MVP Impulsado por IA

English • Español

Crea un MVP en horas, no en meses – guiado por los últimos agentes de codificación de IA

---

🎯 Qué Hace Esto

Transforma cualquier idea de aplicación en código funcional a través de 5 etapas impulsadas por IA utilizando los últimos modelos de IA de 2025:

#	Etapa	Objetivo	Resultado
1️⃣	Investigación	Validar el mercado y el panorama tecnológico	Resultados de la investigación
2️⃣	Definir	Aclarar el alcance del producto	PRD (Requisitos del Producto)
3️⃣	Diseñar	Decidir cómo construir	Documento de Diseño Técnico
4️⃣	Generar Instrucciones para el Agente de IA	Convertir documentos en planos para el agente	NOTES.md + configuraciones del agente
5️⃣	Construir	Generar y probar código	MVP funcional

---

🏃 Inicio Rápido

⚡ El Flujo de Trabajo Completo en 60 Segundos

Paso	Qué Haces	Tiempo	Resultado
📚	Copiar prompts → Responder preguntas	20 min	Documento de investigación
📝	Define tu idea de aplicación	15 min	Documento PRD
🏗️	Elige el enfoque técnico	15 min	Documento de Diseño Téc.
🤖	Genera instrucciones de IA	10 min	NOTES.md + config. del agente
💻	Dile a la IA: "Lee NOTES.md y construye"	1-3 hrs	¡MVP Funcional!

---

✅ Prerrequisitos

🤖 Plataforma de IA (Requerido - Elige una)

Mejores Opciones Gratuitas

• AI Studio ⭐ - Nivel gratuito de Gemini 2.5 Pro con el contexto completo de 1,048,576 tokens (ver detalles del modelo)
• Claude.ai - Claude Sonnet 4.5 con 200K de contexto por defecto / 1M en beta (ver versiones actuales)
• ChatGPT - GPT-5 a través de la interfaz de Responses (ver documentos de OpenAI)

Opciones Premium (Mejores para Aplicaciones Completas)

• Claude Pro - Sonnet 4.5 con límites de tasa más altos y proyectos de 1M de tokens (precios)
• Gemini Advanced - Acceso a Gemini 2.5 Pro/Flash Ultra con rendimiento prioritario (precios)
• ChatGPT Plus - GPT-5 y modelos de razonamiento o-series con asignaciones más altas (precios)

💻 Agente de Codificación IA / IDE (Requerido - Elige uno)

Agentes Basados en Terminal (Avanzado)

• Claude Code ⭐ - CLI consciente del proyecto con memoria de sesión y pruebas automatizadas (docs)

  npm install -g @anthropic-ai/claude-code
  claude init  # En el directorio de tu proyecto

• Gemini CLI - Gratuito y de código abierto con contexto de streaming de Gemini 2.5 (docs)

  npm install -g @google-gemini/cli
  gemini login  # Conecta tu cuenta de Google

• OpenAI CLI - Acceso desde terminal a GPT-5 y pipelines de tool-calling o-series (docs)

  pip install --upgrade openai
  openai responses.create -m gpt-5 --input "Summarize NOTES.md"

Agentes Asíncronos / en la Nube

• Jules by Google ⭐ - Agente asíncrono conectado a Vertex AI que ejecuta paquetes de trabajo definidos
• GitHub Copilot Agent - Automatización agéntica de PR, revisión de código y preparación de despliegue (docs)

Herramientas Basadas en IDE (Apto para principiantes)

• Cursor ⭐ - Editor de IA con Memoria a largo plazo, Auto Debug y Q&A de Base de Código (precios)
• VS Code + Github Copilot ⭐ - Editor con Modo Agente de Copilot y pair programming en línea (precios de Copilot)

Plataformas No-Code (Lo más fácil)

• Bolt.new ⭐ - Aplicaciones instantáneas Next.js/Supabase con automatizaciones programadas (precios)
• Lovable - Constructor fullstack de IA que entrega 25k apps diariamente (precios)
• v0 by Vercel - Composición de UI con IA con componentes React listos para desplegar (precios)

🛠 Requisitos Básicos

• Cualquier navegador moderno
• 2-4 horas de tiempo
• Habilidades informáticas básicas (¡no se requiere programar!)
• Opcional: Node.js 20+ para herramientas de terminal

---

📋 El Flujo de Trabajo en 5 Pasos

1️⃣ Investigación Profunda 🔍

Valida tu idea con investigación de mercado impulsada por IA • 20-30 min • Crea research-*.txt

Qué hace esto: Analiza la oportunidad de mercado, los competidores y la viabilidad técnica utilizando los últimos modelos de IA.

Cómo funciona:

1. Copia el archivo completo part1-deepresearch.md
2. Pega en AI Studio (para Gemini 2.5 Pro), Claude.ai (para Claude Sonnet 4.5), o ChatGPT (para GPT-5)
3. Responde 5-6 preguntas adaptadas a tu nivel de experiencia
4. La IA genera una investigación exhaustiva con:
   • Análisis y tamaño del mercado
   • Desglose de competidores
   • Recomendaciones técnicas
   • Estimaciones de costes
5. Guarda el resultado como research-[TuAppName].txt

💡 Consejo Pro: Usa Gemini 2.5 Pro para una mejor investigación (ventana de contexto de 1,048,576 tokens).

2️⃣ Requisitos del Producto (PRD) 📝

Define exactamente qué estás construyendo • 15-20 min • Crea PRD-*.md

Qué hace esto: Transforma tu idea en especificaciones de producto claras y accionables.

Cómo funciona:

1. Copia part2-prd-mvp.md en un nuevo chat de IA
2. Adjunta los resultados de tu investigación cuando se te solicite
3. Responde preguntas sobre:
   • Funcionalidades clave (3-5 imprescindibles)
   • Usuarios objetivo
   • Métricas de éxito
   • Visión de UI/UX
4. La IA crea un documento PRD profesional
5. Guarda como PRD-[TuAppName]-MVP.md

3️⃣ Diseño Técnico 🏗️

Planifica la arquitectura técnica • 15-20 min • Crea TechDesign-*.md

Qué hace esto: Decide el mejor tech stack y enfoque de implementación para 2025.

Cómo funciona:

1. Copia part3-tech-design-mvp.md en un nuevo chat de IA
2. Adjunta tu PRD (requerido) e investigación (opcional)
3. Responde preguntas sobre:
   • Plataforma (web/móvil/escritorio)
   • Tolerancia a la complejidad
   • Restricciones de presupuesto
   • Cronograma
4. La IA recomienda un stack óptimo de:
   • No-code: Bolt.new, Lovable, Bubble
   • Low-code: Next.js + Supabase
   • Full-code: Tu framework preferido
5. Guarda como TechDesign-[TuAppName]-MVP.md

4️⃣ Generar Instrucciones para el Agente de IA 🤖

Crea planos para tu asistente de codificación de IA • 5-10 min • Crea NOTES.md + configs. de agente

Qué hace esto: Convierte todos los documentos en instrucciones de codificación paso a paso para los agentes de IA.

Cómo funciona:

1. Copia part4-notes-for-agent.md en un nuevo chat de IA
2. Adjunta los documentos PRD y de Diseño Técnico
3. La IA genera:
   • NOTES.md - Instrucciones universales
   • Configuraciones específicas de la herramienta (según tu elección):
     • CLAUDE.md para Claude Code
     • GEMINI.md para Gemini CLI
     • AGENTS.md para Jules
     • .cursorrules para Cursor
     • .windsurfrules para Windsurf
4. Guarda todos los archivos en la raíz de tu proyecto

5️⃣ Construir con el Agente de IA 💻

Deja que la IA construya tu MVP • 1-3 hrs • Crea una aplicación funcional

Configuración por Tipo de Herramienta

Agentes de Terminal (Claude Code, Gemini CLI)

# Claude Code
npm install -g @anthropic-ai/claude-code
cd tu-proyecto
claude init
# Añade CLAUDE.md a la raíz del proyecto
claude "Lee CLAUDE.md y NOTES.md, luego construye el MVP"

# Gemini CLI
npm install -g @google-gemini/cli
gemini login
# Añade GEMINI.md a la raíz del proyecto
gemini "Lee GEMINI.md y NOTES.md, luego implementa"

Herramientas IDE (Cursor, Windsurf)

1. Abre la carpeta de tu proyecto en el IDE
2. Añade el archivo de configuración:
   • Cursor: .cursorrules o .cursor/rules.mdc
   • Windsurf: .windsurfrules
3. Empieza con: "Lee NOTES.md y construye el MVP paso a paso"

Plataformas No-Code (Bolt.new, Lovable)

1. Ve al sitio web de la plataforma
2. Pega el contenido de tu PRD
3. Di: "Construye este MVP siguiendo las especificaciones"
4. Despliega instantáneamente con un clic

Prompts Esenciales para Construir

Prompts iniciales por nivel de experiencia:

Nivel	Primer Prompt
Principiante	"Soy nuevo programando. Lee NOTES.md y guíame paso a paso para construir este MVP. Explica lo que estás haciendo."
Intermedio	"Lee NOTES.md y la carpeta docs. Construye las funcionalidades clave primero, prueba, y luego añade los retoques."
Desarrollador	"Revisa NOTES.md y la arquitectura. Implementa la Fase 1 con los patrones adecuados y cobertura de tests."

Prompts de seguimiento para todos los niveles:

• "Muéstrame el progreso actual vs los requisitos"
• "Prueba [funcionalidad] y corrige cualquier problema"
• "Añade manejo de errores y casos extremos"
• "Genera un README con instrucciones de configuración"
• "Prepara para el despliegue en [plataforma]"

---

📁 Estructura Final del Proyecto

tu-app/
├── docs/
│   ├── research-TuApp.txt
│   ├── PRD-TuApp-MVP.md
│   └── TechDesign-TuApp-MVP.md
├── NOTES.md              # Instrucciones universales de IA
├── CLAUDE.md             # Config de Claude Code (si se usa)
├── GEMINI.md             # Config de Gemini CLI (si se usa)
├── AGENTS.md             # Config de Jules (si se usa)
├── .cursorrules          # Config de Cursor (si se usa)
├── .windsurfrules        # Config de Windsurf (si se usa)
├── README.md             # Instrucciones de configuración (generadas por IA)
├── .env.example          # Variables de entorno
└── src/                  # El código de tu aplicación

---

🆕 Novedades en 2025

Últimos Modelos y Capacidades de IA

Actualizaciones de Modelos

• Claude Sonnet 4.5 – Lanzamiento de septiembre de 2025 con 200K de contexto por defecto / 1M en beta y razonamiento de arquitectura de primer nivel
• Claude Opus (snapshot 2025) – Maneja monorepos masivos y sesiones de planificación de varias horas con uso mejorado de herramientas
• Gemini 2.5 Pro – Ventanas de 1,048,576 tokens de entrada y 65,536 tokens de salida para investigación profunda y síntesis
• GPT-5 – Responses API con esfuerzo de razonamiento ajustable, orquestación de herramientas más rápida y menor latencia

Nuevas Herramientas

• Claude Code - Agente de terminal de Anthropic consciente del proyecto con memoria de sesión y orquestación de pruebas automatizada
• Jules - Agente de codificación asíncrono de Google que puede trabajar independientemente en proyectos de Vertex AI
• Gemini CLI - CLI de código abierto con acceso directo a Gemini 2.5 Pro/Flash, streaming de contexto en vivo e integraciones MCP
• GitHub Copilot Agent Mode - Automatización del espacio de trabajo para planes definidos, PRs y checklists de despliegue
• OpenAI CLI (Responses API) - Flujo de trabajo de terminal para GPT-5, modelos de razonamiento o-series y pipelines de tool-calling

Actualizaciones de Plataformas

• Cursor - Añade Q&A (Preguntas y Respuestas) de la Base de Código, Memoria de proyecto a largo plazo y Auto Debug impulsado por Claude Sonnet 4.5
• Windsurf - Cascade AI 3.0 con seguimiento de registro de trabajo y modo-par para codificación en vivo
• Cline - Runners del marketplace de MCP más resúmenes de ejecución transparentes en VS Code
• Bolt.new - Despliegues instantáneos de Next.js/Supabase con automatizaciones programadas y hito de $20M ARR
• Lovable - Constructor fullstack de IA que entrega 25k apps diariamente después de una ronda de crecimiento de 14.3M €

---

💡 Consejos Pro para 2025

Guía de Selección de Herramientas

Perfil	Mejor Stack de Herramientas	Por qué encaja	A qué estar atento	Tiempo de config.
Principiante total	Lovable • Bolt.new	Pega tu idea, obtén una app alojada con un dominio y base de datos en minutos	Límites de crédito diarios y código alojado significan que deberías reforzarlo más tarde	10–30 min
Aficionado aprendiendo	Copilot Agent (VS Code) • Cline	Copilot puede editar archivos por ti; Cline muestra cada diff y ejecuta comandos a petición	Copilot Free tiene límites y Cline necesita la configuración de tu clave API	20–45 min
Desarrollador experimentado	Cursor 2.0 • Windsurf	Cursor planifica tareas y ejecuta código en terminales seguras; Windsurf maneja refactors más grandes con sus agentes	Créditos basados en el uso y un nuevo IDE que aprender	30–60 min
Constructor con presupuesto limitado	Cline • Gemini CLI	Ambos son gratuitos de instalar, funcionan localmente y pueden llamar a Gemini 2.5 sin niveles de pago	Menos acompañamiento que las herramientas no-code—prepárate para usar más prompts	15–40 min
Fundador que lo necesita hoy	Lovable Agent Mode • Bolt.new (Claude)	La ruta más rápida a un MVP funcional con dashboards, auth y analíticas integradas	Vigila el consumo de créditos y programa una revisión de seguridad/UX	15–60 min
Equipo de producto mobile-first	v0.dev + v0 Mobile • Flutter + Gemini	v0 esboza experiencias móviles; Flutter + Gemini en Android Studio construye con calidad nativa	Las funciones de v0 mobile son nuevas y las herramientas de Android Studio aún están evolucionando	45–120 min
Ingeniero de lógica compleja	Claude Code (web/VS Code) • Windsurf	Claude Sonnet 4.5 mantiene un contexto enorme en su “memoria”, los agentes de Windsurf planean cambios multi-archivo	La web de Claude sigue en vista previa y las reglas de datos de empresa pueden restringirlo	30–90 min
Líder de seguridad/cumplimiento	Cline (client-side) • Copilot Enterprise	Todo el código permanece local con Cline, mientras que Copilot Enterprise añade SSO y registros de auditoría	Aún necesitas políticas de equipo y los límites de solicitudes de Copilot pueden aplicar	60–120 min
Desarrollador offline/enfocado en privacidad	Gemini CLI (agente local) • Cline + modelos locales	Funciona desde tu máquina, y puedes cambiar a modelos locales (Ollama/DeepSeek) cuando sea necesario	El modo totalmente offline depende de tu hardware y del modelo elegido	30–60 min
Mantenedor de código abierto	Cline • Aider	Ambas herramientas muestran diffs, hacen commit por ti y se llevan bien con los flujos de trabajo de Git	La experiencia "terminal-first" puede parecer avanzada si lo básico de Git es nuevo	20–45 min

Elecciones Rápidas (Lenguaje Sencillo)

• ¿Necesitas un MVP esta noche? Usa Lovable o Bolt.new, luego planea una segunda pasada para retoques y seguridad.
• ¿Trabajas dentro de un editor? Cursor o Copilot Agent pueden programar por ti—abre Cline cuando quieras verificar cada cambio.
• ¿Repo heredado (legacy) enorme? Trae a Claude Code o Windsurf para que el agente “recuerde” más de tu código a la vez.
• ¿Sin presupuesto? Quédate con Cline + Gemini CLI y los generosos límites de solicitudes gratuitas.
• ¿Mobile-first? Previsualiza flujos en v0 Mobile o construye pantallas nativas con las sugerencias de Flutter + Gemini.

Límites de Precios (Nov 2025)

• Gratis para siempre: Gemini Code Assist (6K solicitudes de código/día), Copilot Free (2K completados + 50 chats), Windsurf Free (25 prompts).
• Mejor por menos de 20 $: Windsurf Pro 15 $/mes (500 créditos), Copilot Pro 10 $/mes (Modo Agente), Cursor Pro 20 $/mes (pool de créditos + agentes paralelos).
• Niveles de potencia: Copilot Pro+ 39 $/mes (1.5K llamadas premium), Cursor Ultra 200 $/mes (20× créditos), Bolt Pro 200 200 $/mes (120M tokens).

Atención a MCP

• Model Context Protocol (MCP) es un estándar compartido que permite a tu IA hablar con herramientas extra (piensa en pipelines de CI, bases de datos, colas de tickets).
• Cline, Cursor, Claude Code y Gemini CLI se conectan todos a MCP, pero trata esas conexiones como credenciales de producción.

Banderas de Precaución

• Las cuentas de consumidor de Claude ahora ofrecen compartir datos (opt-in); quédate en espacios de trabajo de organización o claves API para repos sensibles.
• Replit Agent 3 puede ejecutar bucles autónomos de 200 minutos—habilita barreras de seguridad para que los reintentos no puedan destruir datos de producción.

Cuándo No Usar Estas Herramientas

• Builds nativas de móvil o hardware: prefiere Flutter + cadenas de herramientas tradicionales con pair programming de IA.
• Cargas de trabajo reguladas que necesiten SOC2/FedRAMP/HIPAA: apóyate en Copilot Enterprise, Cline con políticas estrictas, o stacks auto-alojados.
• Sistemas críticos para la seguridad o de tiempo real: requieren ingeniería determinista, dirigida por humanos.
• Práctica de fundamentos: programa a mano porciones para evitar saltarte conceptos clave.

Errores Comunes y Soluciones

❌ Error	✅ Solución
Saltarse el trabajo de descubrimiento	Ejecuta el prompt de investigación de la Parte I primero para que el PRD y el diseño técnico no sean suposiciones
Dejar que los agentes suban código solos	Pide a los agentes que muestren su plan, revisa el diff y ejecuta pruebas antes de que algo se fusione (merge)
Facturas impactantes	Revisa los paneles de crédito semanalmente y mantén un stack de respaldo (Cline + Gemini) que siga siendo gratuito
Publicar UIs autogeneradas sin revisiones	Prueba la accesibilidad, seguridad y rendimiento antes del día de lanzamiento
Construir apps sensibles con cuentas personales	Usa planes de empresa o espacios de trabajo API, desactiva el compartir datos y mantén los secretos en bóvedas
Forzar a una herramienta a hacerlo todo	Mezcla y combina (IDE + terminal + constructor) para que cada herramienta cubra lo que hace mejor

---

🚨 Solución de Problemas

Arreglos Rápidos para Problemas Comunes

Problema	Solución
"La IA ignora mis documentos"	Empieza con: "Primero lee NOTES.md, PRD y TechDesign. Resume los requisitos clave antes de programar."
"El código no coincide con el PRD"	Dile: "Vuelve a leer la sección del PRD sobre [funcionalidad], lista los criterios de aceptación, y luego refactoriza."
"La IA está complicando demasiado"	Añade a la config: "Prioriza el alcance del MVP. Ofrece la implementación funcional más simple antes de optimizaciones."
"Perdí el rastro del progreso"	Pregunta: "Actualiza el registro de progreso de NOTES.md y mapea las tareas restantes a fases de implementación."
"El despliegue está fallando"	Solicita: "Revisa la checklist de despliegue, verifica las variables de entorno, y luego ejecuta el comando de salud específico de la plataforma."

---

🤝 Contribuir

¡PRs y issues bienvenidos! Ayúdanos a mejorar:

• 🐛 Reporta problemas con los prompts
• 💡 Comparte tus historias de éxito
• 🔧 Añade nuevas configuraciones de herramientas
• 📚 Envía ejemplos de MVPs construidos con este flujo de trabajo

---

📜 Licencia

Publicado bajo la Licencia MIT.

---

El mejor momento para construir tu idea fue ayer.
El segundo mejor momento es ahora. 🚀

Última actualización: Noviembre 2025 | Creado por la comunidad vibe-coding