Vibe Coding — tu primera app sin saber programar — 2. Elegir tu herramienta

17 min read min de lecture
Capítulo 02

Elegir tu herramienta

Capítulo 2 de 10 · 20%

Objetivos de este capítulo

  • Conocer las grandes familias de herramientas
  • Elegir según tu nivel y tu objetivo
  • Empezar sin bloqueos técnicos

El panorama de las herramientas

El mercado de las herramientas de vibe coding se ha estructurado en tres grandes familias, y la buena noticia es que responden a necesidades diferentes — no existe una «mejor herramienta», existe la herramienta adecuada para tu objetivo del momento. Antes de comparar nombres, comprende las familias: te evitará perderte entre las opiniones contradictorias en línea.

La primera familia son los generadores «prompt → app»: escribes tu descripción en el navegador, la app aparece al lado, y puedes publicarla en un clic. La segunda son los editores con IA: verdaderos entornos de desarrollo donde la IA trabaja sobre archivos que ves y controlas. La tercera son los entornos todo en uno en el navegador, que mezclan edición, ejecución y alojamiento en el mismo lugar.

Cursor / Claude Codeeditores con IA instalados en tu ordenador, control fino archivo por archivo, ideales para aprender de verdad y mantener el control a largo plazo.
Lovable / v0 / Boltdel prompt a la app web desplegada, cero instalación — perfectos para arrancar rápido y ver un resultado en una hora.
Replitprogramar, ejecutar y alojar directamente en el navegador, con un agente IA integrado — buen compromiso entre los dos mundos.

Los generadores «prompt → app» de cerca

v0 (de Vercel) brilla generando interfaces cuidadas: describes una pantalla, te propone un componente moderno que puedes refinar mensaje tras mensaje. Bolt (de StackBlitz) construye apps completas en el navegador y te muestra los archivos generados, lo que ayuda a entender qué está pasando. Lovable apunta a la app completa de principio a fin, con una experiencia muy guiada pensada para no desarrolladores.

Su fortaleza común: cero instalación, resultado visible de inmediato, despliegue integrado. Su límite común: trabajas en su entorno, con sus elecciones técnicas y sus cuotas gratuitas. Para una primera app como la de Tom, esos límites no tienen importancia — la velocidad de arranque cuenta mucho más.

Los editores con IA: Cursor y Claude Code

Cursor es un editor de código completo (basado en VS Code) donde la IA puede leer y modificar todos tus archivos: conversas con ella en un panel lateral y ves cada cambio propuesto. Claude Code funciona en el terminal: le das instrucciones, actúa sobre tu proyecto. Estas herramientas piden algo más de instalación, pero te ofrecen algo valioso: tus archivos te pertenecen, en tu disco, y puedes hacer con ellos lo que quieras.

Es el camino a seguir si tu objetivo va más allá de la primera app: entender cómo se estructura un proyecto, usar Git para guardar tu trabajo (hablamos de ello en el capítulo 4), y progresar hacia una verdadera autonomía. Muchos vibe coders empiezan en un generador de navegador, y luego migran a Cursor cuando quieren ir más lejos — es un recorrido perfectamente sano.

¿Qué herramienta para qué perfil?

v0quieres sobre todo interfaces web bonitas, rápido. Muy fuerte en diseño de componentes, despliegue fácil en Vercel.
Boltquieres una app completa en el navegador viendo los archivos. Buen equilibrio entre velocidad y transparencia.
Lovablequieres la experiencia más guiada posible, de la idea a la app publicada, sin ver nada técnico.
Replitquieres un entorno completo (código + ejecución + alojamiento) en una sola pestaña, con agente IA.
Cursor / Claude Codequieres aprender en profundidad, conservar tus archivos y progresar a largo plazo. Algo de configuración al principio.
flowchart TD
  Q["¿Quieres empezar esta noche?"] -->|"Sí, cero instalación"| B["Lovable, v0 o Bolt"]
  Q -->|"Quiero aprender en profundidad"| C["Cursor o Claude Code"]
  Q -->|"Todo en una sola pestaña"| R["Replit"]
  B --> S["Construye tu v1"]
  C --> S
  R --> S
Elegir tu herramienta según tu objetivo: todos los caminos llevan a la v1.

Recomendación para empezar

Para tu primerísima app web sin instalar nada: una herramienta «prompt → app» como Lovable o v0. Para aprender y mantener el control a largo plazo: Cursor o Claude Code. Este curso funciona con ambos enfoques — los prompts, el método de depuración y el despliegue se aplican en todas partes, solo cambian los botones.

Tom, por su parte, elige una herramienta de navegador: quiere un resultado esta noche, en el ordenador de la escuela, sin permisos de instalación. Es el reflejo correcto: su objetivo es la app, no la herramienta. Si dentro de tres meses quiere personalizar su proyecto más finamente, lo exportará a Cursor — nada se pierde, nunca.

No pases una semana eligiendo la herramienta perfecta. Toma una, construye, ya cambiarás más tarde si hace falta. El tiempo pasado comparando herramientas es tiempo no pasado construyendo.

Gratis o de pago: comprender los límites

Todas estas herramientas tienen una oferta gratuita suficiente para este curso, pero con cuotas: un número de mensajes o de generaciones por día o por mes. Cuando alcanzas el límite, tres opciones: esperar al día siguiente, pasar a otra herramienta gratuita el tiempo de terminar, o pagar la suscripción si construyes con regularidad. Para una primera app, lo gratuito basta de sobra — siempre que no malgastes tus mensajes.

¿Cómo ahorrar tus generaciones? Reflexiona antes de enviar: un prompt preciso que describe bien la necesidad consume un mensaje y da un buen resultado; cinco prompts vagos consumen cinco mensajes para el mismo resultado. El capítulo 3 te enseña justamente a escribir descripciones eficaces — es también una forma de hacer durar tu cuota gratuita.

La trampa de la configuración infinita

Muchos abandonan antes de haber empezado, bloqueados en la instalación: una cuenta que no se crea, un programa que exige una actualización del sistema, un terminal que muestra un error incomprensible. Si una herramienta se te resiste 30 minutos, pasa a una herramienta 100 % navegador. Lo importante es construir, no configurar.

Este consejo no es una capitulación, es estrategia. Tu motivación es un recurso limitado: cada hora de fricción técnica la desgasta. Una vez tu primera app esté en línea, tendrás la confianza (y la paciencia) necesarias para enfrentarte a una instalación más exigente. En el orden correcto, todo es más fácil.

Crea tu cuenta con una dirección de email que consultes de verdad: las herramientas envían enlaces de confirmación, y un enlace perdido es la primera causa de «no funciona» en el momento del registro.
🛠️ Te toca a ti

Contexto

Tom quiere empezar esta noche, sin instalar diez programas y sin permisos de administrador en el ordenador de la escuela. Tiene una hora por delante y un objetivo modesto: ver una primera página generada por la IA mostrarse en una vista previa. Haz exactamente el mismo recorrido: el objetivo de este ejercicio no es construir tu app, solo validar que tu cadena herramienta → generación → vista previa funciona.

Instrucciones

  1. Elige una herramienta de las familias presentadas (navegador si quieres cero configuración).
  2. Crea tu cuenta y confirma el email de validación.
  3. Crea un proyecto vacío y localiza dónde se muestra la vista previa de la app.
  4. Pide a la herramienta que genere una página «Hola» con tu nombre y un botón.
  5. Confirma que la vista previa se actualiza y que el botón es clicable.
  6. Envía un segundo mensaje para cambiar el color del botón, y verifica el cambio.
  7. Anota en algún sitio el nombre de la herramienta elegida y lo que te gustó o te molestó.
Pista — Una herramienta 100 % navegador evita la mayoría de los bloqueos de principiante. Si la creación de cuenta falla o si nada se muestra al cabo de 30 minutos, cambia de herramienta sin sentirte culpable: es el método, no un fracaso.

En resumen

  • Tres familias: generadores «prompt → app», editores con IA, y todo-en-navegador.
  • v0 sobresale en interfaces, Bolt muestra los archivos, Lovable guía de principio a fin.
  • Cursor y Claude Code: más configuración, pero tus archivos te pertenecen y aprendes en profundidad.
  • Principiante con prisa: una herramienta de navegador; para aprender a largo plazo: Cursor/Claude Code.
  • Las ofertas gratuitas bastan para este curso — ahorra tus mensajes con prompts precisos.
  • No sobreoptimices la elección de herramienta: toma una y construye.
  • El verdadero enemigo del principiante es la configuración infinita: 30 minutos de bloqueo = cambia de herramienta.

Quiz — comprueba tu comprensión

1. ¿Qué tipo de herramienta para empezar sin instalación?

Las herramientas de navegador como Lovable, v0 o Bolt evitan los bloqueos de instalación y dan un resultado en una hora.

2. ¿Qué hacer si una herramienta se te resiste 30 minutos?

El objetivo es construir, no configurar. Tu motivación es un recurso limitado: protégela.

3. ¿Cuál es la ventaja principal de Cursor o Claude Code?

Los editores con IA trabajan sobre archivos almacenados en tu equipo: ideal para aprender y progresar a largo plazo.

4. ¿Cómo ahorrar tu cuota gratuita de generaciones?

Un prompt preciso consume un mensaje para un buen resultado; cinco prompts vagos consumen cinco para el mismo resultado.

5. Tom elige una herramienta de navegador. ¿Por qué es un buen reflejo?

Empezar rápido en una herramienta simple y luego migrar a un editor con IA si hace falta es un recorrido perfectamente sano. Nada se pierde.

Auteur(s)

R

REHOUMA Haythem

Haythem Rehouma est un ingénieur et architecte IA et cloud, formateur et enseignant technique, avec un profil orienté IA médicale, AWS, MLOps, LLM/RAG et vision par ordinateur.