Elegir tu herramienta
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.
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?
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
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.
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.
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
- Elige una herramienta de las familias presentadas (navegador si quieres cero configuración).
- Crea tu cuenta y confirma el email de validación.
- Crea un proyecto vacío y localiza dónde se muestra la vista previa de la app.
- Pide a la herramienta que genere una página «Hola» con tu nombre y un botón.
- Confirma que la vista previa se actualiza y que el botón es clicable.
- Envía un segundo mensaje para cambiar el color del botón, y verifica el cambio.
- Anota en algún sitio el nombre de la herramienta elegida y lo que te gustó o te molestó.
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?
2. ¿Qué hacer si una herramienta se te resiste 30 minutos?
3. ¿Cuál es la ventaja principal de Cursor o Claude Code?
4. ¿Cómo ahorrar tu cuota gratuita de generaciones?
5. Tom elige una herramienta de navegador. ¿Por qué es un buen reflejo?