Blog · · 5 min de lectura

Qué es el vibe coding y cómo empezar con Cursor y Claude Code

Qué es el vibe coding, qué puedes construir y qué no, y cómo empezar con Cursor y Claude Code paso a paso: instalación, primer proyecto, reglas y buenas prácticas.

Vibe coding es una forma de crear software en la que describes en lenguaje natural lo que quieres y una IA escribe el código. Tú pruebas el resultado, dices qué falla o qué cambiar, y la IA lo corrige. El término lo popularizó Andrej Karpathy a principios de 2025 para describir justo eso: programar "dejándose llevar", centrado en el resultado más que en cada línea de código.

Para alguien con un negocio y sin formación técnica, abre una puerta interesante: hacer pequeñas herramientas a medida (una calculadora de presupuestos, una página de reservas, un script que ordena archivos) sin contratar a un desarrollador para cada cosa.

Qué puedes construir (y qué no)

Buenos candidatos para empezar:

  • Páginas web sencillas: una landing, un formulario o una página de precios.
  • Herramientas internas: calculadoras, conversores o generadores de documentos.
  • Scripts que automatizan tareas en tu ordenador, como renombrar archivos o unir hojas de cálculo.
  • Prototipos para enseñar una idea antes de invertir en ella.

Con mucho cuidado, o con ayuda profesional:

  • Cualquier cosa que gestione pagos, contraseñas o datos personales de clientes.
  • Aplicaciones con muchos usuarios a la vez.
  • Software del que dependa tu negocio y que no puedas revisar.

La IA escribe código que funciona, pero no siempre seguro ni fácil de mantener. Si no entiendes lo que hace, no lo pongas en manos de clientes sin que alguien lo revise.

Las dos herramientas: Cursor y Claude Code

Cursor es un editor de código, basado en VS Code, con IA integrada. Tiene un modo agente al que le pides cambios en lenguaje natural y que edita varios archivos, ejecuta comandos y te enseña lo que ha cambiado para que lo aceptes o lo rechaces. Es la opción más visual: ves los archivos, los cambios y el resultado en una misma ventana.

Claude Code es el agente de programación de Anthropic. Nació para la terminal y hoy también tiene integración con editores y versión web. Le das una tarea y explora tu proyecto, propone un plan, escribe el código y lo prueba. Es especialmente cómodo para tareas largas o de varios pasos.

No tienes que elegir para siempre: muchas personas usan las dos. Si no has programado nunca, empieza por Cursor, porque ver los archivos ayuda a entender lo que pasa. Ambas tienen planes de pago; revisa los precios actuales en sus webs antes de decidir.

Cómo empezar: tu primer proyecto en una tarde

1. Elige algo pequeño y útil

Por ejemplo: "una página web con una calculadora de presupuesto para mi servicio de limpieza: el cliente elige metros cuadrados y frecuencia, y ve el precio". Es pequeño, lo puedes probar en el navegador y te sirve de verdad.

2. Prepara el entorno

  • Instala Cursor desde su web oficial, o Claude Code siguiendo la documentación de Anthropic.
  • Crea una carpeta vacía para el proyecto y ábrela.
  • Si la herramienta te lo propone, instala Git. Es lo que te permitirá volver atrás si algo se rompe.

3. Escribe un buen primer mensaje

La calidad del resultado depende mucho de cómo lo pides. Un buen primer mensaje tiene:

  • Qué es y para quién: "Una calculadora de presupuesto para clientes de mi empresa de limpieza".
  • Qué debe hacer, en pasos: "El usuario introduce metros cuadrados, elige frecuencia (semanal, quincenal, puntual) y ve el precio con IVA".
  • Las reglas de negocio: "Precio base 1,20 €/m², descuento del 15 % semanal y del 8 % quincenal, mínimo 40 €".
  • Restricciones técnicas: "Un solo archivo HTML, sin servidor, que funcione en el móvil".

4. Prueba, corrige, repite

Abre el resultado y pruébalo como lo haría un cliente. Cuando algo falle, descríbelo con precisión: "Si pongo 0 metros, sale 0 € en vez del mínimo de 40 €" funciona mucho mejor que "no va bien".

5. Guarda cada versión que funcione

Cada vez que algo funcione, pide a la herramienta que haga un commit en Git. Si el siguiente cambio lo estropea, puedes volver al punto bueno en segundos.

Reglas del proyecto: el truco que más mejora los resultados

Las dos herramientas permiten guardar instrucciones permanentes que la IA lee siempre. En Cursor son las rules (archivos en .cursor/rules) y en Claude Code el archivo CLAUDE.md en la raíz del proyecto. Ahí puedes dejar escrito, por ejemplo:

  • "Explícame en una frase cada cambio que hagas, en lenguaje sencillo".
  • "No añadas librerías nuevas sin preguntarme".
  • "Antes de terminar, comprueba que la página funciona en un móvil".
  • "Nunca escribas claves de API en el código: usa variables de entorno".

Con unas buenas reglas, la IA deja de repetir los mismos errores y tú dejas de repetir las mismas instrucciones.

Errores típicos de principiante

  • Pedir demasiado de golpe. "Hazme una app como Booking" acaba en un proyecto enorme que nadie entiende. Construye por partes.
  • Aceptar cambios sin probarlos. Prueba después de cada cambio, no después de diez.
  • Pegar claves y contraseñas en el chat o en el código. Usa variables de entorno y nunca subas un archivo .env a un repositorio público.
  • Seguir cuando la IA se atasca. Si da vueltas al mismo error, vuelve a la última versión buena y explica el problema de otra manera, o empieza una conversación nueva.

Vibe coding y automatización: buena pareja

El vibe coding encaja muy bien con herramientas como n8n. n8n se encarga de conectar servicios (WhatsApp, email, calendario, hojas de cálculo) y el vibe coding te permite crear las piezas que faltan: una pequeña web de reservas que envía los datos a un webhook de n8n, o un script que prepara los datos antes de procesarlos. Si te interesan ideas concretas, mira estas 7 automatizaciones con IA para pequeños negocios.

Para seguir

El pack AgentKiosk incluye un kit de vibe coding con reglas listas para Cursor y Claude Code, pensadas para que la IA trabaje de forma más segura y ordenada, junto con siete agentes de n8n para pequeños negocios.

Y si quieres empezar por algo gratuito, descarga nuestro agente de WhatsApp para n8n, con guía paso a paso en PDF.