De la idea al proyecto: ChatGPT, Lovable y OpenCode
Tres pasos, tres herramientas. Piensa la idea con ChatGPT, construye el MVP con Lovable y afina el código con OpenCode. Al final tienes el enlace de invitación para empezar.
Genera y afina tu idea
Antes de construir nada, necesitas una idea concreta: a quién ayuda, qué problema resuelve y qué pantallas mínimas necesita. ChatGPT es la herramienta perfecta para pasar de una intuición vaga a una especificación clara.
- 1Abre ChatGPT y describe tu contexto: sector, tipo de negocio o problema que te molesta cada día.
- 2Pide 10 ideas de producto y quédate con las 3 que puedas explicar en una frase.
- 3Para la idea elegida, pide que defina el público objetivo, el problema y la propuesta de valor.
- 4Pide la lista de funcionalidades mínimas (MVP) y marca lo que NO entra en la primera versión.
- 5Pide las pantallas necesarias y qué datos guarda cada una (esto será tu base de datos).
- 6Termina pidiendo un único prompt de construcción listo para pegar en Lovable.
» Actúa como product manager.› Mi contexto: [describe tu negocio o problema].› 1) Dame 10 ideas de producto web realistas.› 2) Elige la mejor y define público, problema y valor.› 3) Lista el MVP: solo lo imprescindible.› 4) Lista pantallas y datos por pantalla.› 5) Escríbeme un prompt final para construirlo.
- Cuanto más concreto sea tu contexto, mejor será el resultado.
- Si el MVP tiene más de 5 funcionalidades, recórtalo.
- Guarda la respuesta: será tu documento de referencia.
Construye el MVP funcionando
Con el prompt que te ha preparado ChatGPT, entras en Lovable y describes el proyecto. La IA genera la web o aplicación completa y tú vas pidiendo cambios en lenguaje natural hasta que quede como quieres.
- 1Crea tu cuenta con la invitación (el botón de abajo) y empieza un proyecto nuevo.
- 2Pega el prompt de construcción que preparaste con ChatGPT.
- 3Revisa la primera versión en la vista previa: navegación, textos y estructura.
- 4Pide cambios de uno en uno: 'cambia el hero', 'añade una página de precios', 'haz el diseño más oscuro'.
- 5Si necesitas usuarios, base de datos o formularios que guarden información, pídelo: se activa el backend.
- 6Cuando funcione, publica el proyecto y comparte la URL.
» Créame una aplicación web para [tu idea].› Público: [a quién ayuda].› Pantallas: inicio, listado, detalle, panel.› Datos: [qué guarda cada pantalla].› Estilo: moderno, oscuro, tipografía clara.✓ Proyecto generado y listo para publicar
- Pide cambios pequeños y concretos: la IA acierta mucho más.
- Publica pronto aunque no sea perfecto: enseñarlo te dará feedback real.
- Si algo falla, describe qué esperabas y qué ha pasado.
Edita el código a fondo
Cuando el proyecto crece, quieres tocar el código directamente: refactorizar, añadir detalles finos o trabajar sin conexión. OpenCode es un agente de IA que vive en tu terminal y edita los archivos de tu repositorio.
- 1Conecta tu proyecto de Lovable con GitHub y clona el repositorio en tu ordenador.
- 2Instala OpenCode en tu terminal y ábrelo dentro de la carpeta del proyecto.
- 3Pídele cambios describiendo el objetivo, no el archivo: él localiza el código.
- 4Revisa el diff que propone antes de aceptarlo; acepta solo lo que entiendas.
- 5Ejecuta el proyecto en local para comprobar que todo sigue funcionando.
- 6Haz commit y push: los cambios vuelven a aparecer en tu proyecto de Lovable.
› git clone git@github.com:tu-usuario/tu-proyecto.git› cd tu-proyecto && opencode» Extrae el formulario de contacto a un componente✓ 3 archivos modificados — revisa el diff
- Trabaja en una rama aparte para poder volver atrás.
- Un cambio por petición: los diffs pequeños se revisan mejor.
- Alterna sin miedo: Lovable para avanzar rápido, OpenCode para el detalle.
Ya tienes el método. Empieza por el paso 2
Crea tu cuenta de Lovable con esta invitación y pega el prompt que preparaste con ChatGPT. La invitación muestra actualmente el beneficio de 10 créditos al registrarte; las condiciones las define Lovable.
Este enlace es una invitación/referido a Lovable.