¿Qué es el vibe coding?
Vibe coding es construir software describiendo lo que quieres en lenguaje natural y dejando que una IA escriba la mayor parte del código. Tú pones la idea, el criterio y las correcciones; la IA pone la velocidad.
No es magia ni sustituye aprender. Es como tener un compañero muy rápido que nunca se cansa, pero que a veces se equivoca con total seguridad. Tu trabajo es dirigirlo y revisar lo que hace.
Lo que la IA hace bien (y lo que no)
Hace bien: generar estructura de páginas, escribir estilos, explicar código que no entiendes, proponer soluciones a errores y repetir tareas tediosas.
Hace mal: adivinar lo que no le has dicho, saber si algo es lo que tu cliente o tú queréis de verdad, y detectar sola que se ha equivocado. Ahí entras tú.
Regla de oro: si no sabes explicar qué quieres, la IA tampoco lo sabrá construir.
Elige tu herramienta
Para empezar te basta con una. Cursor es un editor de código con IA integrada, cómodo si te gusta ver los archivos. Claude Code trabaja desde la terminal y es muy potente para proyectos completos. Si prefieres no instalar nada aún, herramientas web como Kimi Pages o Framer te dejan crear páginas desde el navegador.
En este curso usaremos ejemplos con Claude Code y Cursor, pero los principios valen para cualquiera.
Tu primer contacto
Crea una carpeta vacía en tu ordenador llamada mi-primera-web, ábrela con tu herramienta y pídele lo siguiente:
Crea una página web sencilla en un único archivo index.html que diga "Hola, soy [tu nombre]" con un fondo de color suave y el texto centrado. Explícame en dos frases qué has hecho.
Abre el index.html con doble clic. Si ves tu nombre en el navegador, acabas de hacer vibe coding.
Ejercicio: cambia tu página
- Pide a la IA que cambie el color de fondo por tu color favorito.
- Pídele que añada una frase debajo de tu nombre contando a qué te dedicas.
- Pregúntale qué línea del archivo controla el color. Búscala tú y cámbiala a mano.