← Volver a tutoriales

Tutoriales · Principiante

Vibe coding: cómo crear software hablándole a la IA

Qué es el 'vibe coding', por qué cambió todo para quien no programa, y cómo empezar a construir cosas reales describiéndolas con palabras (sin memorizar código).

  • Claude Code
  • VS Code

Vibe coding es construir software describiéndolo con palabras a una IA, en vez de escribir cada línea de código tú. Tú diriges (la visión, las decisiones); la IA teclea. Así se hizo este sitio. Toca cada bloque para abrirlo.

¿Qué es exactamente?

Le dices a la IA qué quieres (“una página con un formulario que me mande un correo”) y ella escribe el código, lo explica y lo ejecuta. Tú revisas, pides cambios y avanzas. No necesitas saber el lenguaje de programación de memoria: necesitas saber pedir y saber decidir.

Qué necesitas para empezar
  1. Un editor: VS Code.
  2. Una IA que programe dentro de él: Claude Code (cómo instalarlo).
  3. Un lugar para guardar y publicar: GitHub (guía) + Vercel.

Con eso ya puedes construir y publicar cosas reales.

Cómo pedir bien (lo más importante)
  • Sé concreta: di qué quieres, para quién y cómo debe verse o comportarse.
  • Un paso a la vez: pide cosas chicas y prueba antes de seguir.
  • Da ejemplos: “como esta página”, “con estos colores”.
  • Pide que te explique: “explícame qué hiciste en palabras simples”.
  • Revisa antes de aceptar: Claude te muestra los cambios; tú apruebas.
Reglas para no romper nada
  • Guarda seguido con Git (commit + push), así siempre puedes volver atrás.
  • Prueba cada cambio antes de pedir el siguiente.
  • Si algo se rompe, dile a Claude el error tal cual aparece; lo arregla.
  • No subas contraseñas ni llaves secretas a GitHub.
Tu primer reto (10 minutos)

Abre Claude Code en una carpeta vacía y pídele: “Crea una página web sencilla que diga mi nombre y un botón que muestre un saludo. Explícame cada parte.” Acepta, ábrela y juega. Acabas de hacer vibe coding. 🎉

Siguiente paso: De cero a tu primera página web con Claude Code.