IDEs para vibe coding
el manual completo (con trucos)

El término vibe coding lo acuñó Andrej Karpathy a inicios de 2025 para describir algo simple y a la vez radical: dejas de teclear código y empiezas a dirigir a un agente que lo escribe por ti. Tú llevas la intención, la arquitectura y el criterio. El modelo lleva el dedo en el teclado.

No es la IA hace todo y tú miras. Es exactamente al revés: tú haces más decisiones por minuto y delegas la sintaxis. El cuello de botella deja de ser cuánto código produces y pasa a ser cuánto claridad tienes sobre lo que quieres construir.

Pensar en el IDE con IA en singular ya no sirve. Son 4 capas distintas, y un vibe coder serio usa las cuatro:

1. Tab completion — la IA propone la siguiente línea mientras escribes. Cursor Tab, Copilot, Codeium. Latencia <100ms.
2. Chat lateral — ventana al lado del editor. Pegar código, pedir explicación, refactor puntual. Todos lo tienen.
3. Composer / multi-file edit — pides un cambio y el editor toca 5 archivos coordinados. Cursor Composer, Windsurf Cascade, Cline.
4. Agente autónomo — recibe una tarea, planifica, ejecuta comandos, corre tests, itera, abre PR. Claude Code, Cursor Agent, Devin.

“La diferencia entre un dev de 2024 y uno de 2026 no es qué modelo usa. Es cuánto baja por el espectro: del autocomplete al agente autónomo.”

Comparación honesta y opinionada. Click en cada uno para ir al sitio oficial.

Si quieres salir de aquí con una decisión hecha y no con análisis-parálisis, esta es la matriz:

• Recién empiezas en código + IA: Replit Agent o Bolt.new. En el navegador, sin instalar nada, ves resultados en minutos.
• Eres dev y vives en VS Code: Cursor (el camino más suave) o VS Code + Copilot Agent (si tu empresa ya paga GitHub).
• Repo serio + tareas largas: Claude Code. Es el estándar de oro hoy para trabajo agéntico no trivial. Funciona en CLI, en VS Code, en JetBrains, en la web.
• Quieres entender qué hace el agente paso a paso:Cline o Aider. Más transparentes, más control.
• Frontend hermoso rápido: v0 para el componente, Cursor o Claude Code para integrarlo a tu repo real.

1. Commit cada victoria. Branches para experimentos. Un agente puede destruir tu trabajo en 30 segundos si no estás versionado.
2. Planifica en markdown antes de pedir código. Un .md de 15 líneas vale por 2 horas de iteración ciega.
3. Una tarea = una conversación. No mezcles 4 features en el mismo chat. Pierde contexto y se confunde.
4. Verifica antes de aceptar. Lee el diff completo, no solo el resumen del agente.
5. Si el modelo vibea en un loop fallido, para. Tres intentos al mismo bug y no pasa? Reinicia, dale más contexto, simplifica el caso.
6. Tests son tu red de seguridad. Pídele que escriba el test antes que el código. Si pasa con el código que él mismo escribió, no creas: pídele un test escrito por otro agente.
7. Screenshots para UI. Arrastra al chat de un modelo multimodal — vale por mil palabras describiendo posiciones.
8. Mantén una memoria del proyecto. CLAUDE.md, AGENTS.md o .cursorrules. Es la diferencia entre un agente útil y uno que recién llegó.
9. Voice input para prompts largos. Hablar va 3× más rápido que tipear. Cambia tu velocidad real.
10. Nunca pegues secretos en el prompt. Variables de entorno, .env, secrets manager. Pídele al agente que use placeholders.

Es el ciclo que usas en cada cambio no trivial. 5 minutos al principio te ahorran 50 al final.

Los agentes serios leen archivos del repo para auto-configurarse. Tener uno bien escrito duplica la calidad de la primera respuesta.

• CLAUDE.md — Claude Code lo lee automáticamente al inicio. Pónle: stack, comandos para build/test, convenciones, qué archivos son sagrados, glosario de dominio.
• AGENTS.md — convención emergente cross-herramienta. Mismo contenido que CLAUDE.md, pero estándar para Cursor, Cline, Continue, etc.
• .cursorrules — Cursor. Estilo de código, librerías preferidas, do/don't.
• .windsurfrules — Windsurf. Igual que .cursorrules.
• .mcp.json / mcp config — servidores MCP conectados (filesystem, GitHub, base de datos, browser). Cada uno expone "tools" al agente.

# <Nombre del proyecto>

Stack: <Next.js 15 + Tailwind + Cloudflare Pages>

## Comandos
- dev: npm run dev
- build: npm run build
- test: npm run test
- deploy: npm run deploy

## Convenciones
- App Router, no Pages.
- Componentes en /components, server por defecto.
- Tailwind con tokens (ink/spark/accent). NO inventar colores.
- Sin librería de UI; SVG inline.

## Archivos sagrados (no tocar sin permiso)
- next.config.mjs
- wrangler.toml
- public/_headers

## Glosario
- "Ruta" = itinerario de aprendizaje, no React Router.
- "Builder" = persona que construye productos con IA.

## Reglas para ti, agente
- Antes de cambios multi-archivo, propón el plan en una frase.
- Después de cada cambio, sugiere el commit message.
- No agregues dependencias sin avisar.

1. Aceptar todo el diff sin leer. Un día encuentras un rm -rf en el migration script y entiendes por qué.
2. Commits gigantes. El agente hizo 18 cambios mezclados. Si algo se rompe, ¿cuál fue? Imposible bisect.
3. Confiar en "ya funciona". El agente dice que pasa los tests. No has corrido los tests. No, no funciona.
4. Pegar secretos en el prompt. Tu API key ahora vive en logs de inferencia. Rótala ya.
5. 10 idas y vueltas con el mismo error. Si el modelo no pudo en 3 intentos, no va a poder en 10. Borra el branch, cambia el approach.
6. Construir features sin caso de uso real. El agente te permite construir 10× más rápido cosas que nadie quería.
7. Olvidar tests al pedirle "rapidito un fix". Hoy fix, mañana regresión silenciosa, pasado producción rota.
8. Mezclar 4 conversaciones en el mismo chat. Pierde foco, mezcla decisiones, te miente sobre lo que hizo.

Si llegaste hasta aquí, tienes mejor mapa que el 95% de los devs hoy. Lo que sigue:

• Elige un editor y úsalo 30 días seguidos antes de cambiar.
• Escribe tu CLAUDE.md / AGENTS.md esta misma semana.
• Copia los 5 prompts a una nota; iníciala con Mis prompts.
• Lee también la guía base: Cómo INICIO con IA.