Los mejores proyectos de vibe coding para principiantes son pequeñas aplicaciones web con un resultado visible al instante: una calculadora de IVA, un temporizador o un divisor de cuentas. Le describes a Claude Code con frases normales lo que debe hacer la app, la pruebas en el navegador y la mejoras paso a paso. Aquí tienes 30 ideas ordenadas por dificultad y cinco ejemplos con datos abiertos de España.

¿Qué es el vibe coding y por qué encaja con quien empieza?

Vibe coding significa describir a una IA, con tus propias palabras, lo que debe hacer un programa, y dejar que ella escriba el código. No lees cada línea: compruebas el resultado usando la app. Por eso el método funciona para personas que nunca han programado.

El término es reciente. Lo acuñó Andrej Karpathy, cofundador de OpenAI, el 2 de febrero de 2025 en una publicación en X, en la que contaba que se dejaba llevar por las "vibes" y se olvidaba de que el código existe. El 6 de noviembre de 2025, el diccionario Collins eligió "vibe coding" como palabra del año 2025, porque su uso había crecido mucho desde febrero.

Entre los profesionales, la IA ya forma parte del día a día. En la encuesta de Stack Overflow publicada el 29 de julio de 2025, con más de 49.000 respuestas de 177 países, el 84 % decía usar o querer usar herramientas de IA. En la misma encuesta, casi el 77 % afirmaba que el vibe coding no forma parte de su trabajo como desarrollador, y el 46 % no se fiaba de la precisión de los resultados de la IA. La conclusión para ti es sencilla: el vibe coding es ideal para aprender y para herramientas personales, siempre que pruebes lo que la IA te entrega.

La diferencia con un curso de programación clásico está en el orden. En un curso aprendes primero la sintaxis y, semanas después, construyes algo. Con el vibe coding construyes desde el primer día y aprendes por el camino: cada vez que algo falla, le preguntas a Claude por qué, y su respuesta te enseña un concepto nuevo.

En resumen

  • El vibe coding consiste en describir una app con frases normales y dejar que la IA escriba el código.
  • Empieza por proyectos que se ven enseguida en el navegador: calculadora, temporizador, lista de tareas.
  • Un buen prompt dice qué hace la app, quién la usa, qué aspecto tiene y qué formato de datos usa (coma decimal, euros).
  • Cambia una sola cosa en cada petición: así sabes qué ha arreglado o roto cada cambio.
  • Los datos abiertos de España, como los precios de las gasolineras, hacen tus proyectos útiles de verdad.
  • Para enseñar tu app, GitHub Pages la publica gratis con márgenes muy amplios.

¿Qué necesitas para empezar con Claude Code?

Necesitas un ordenador, una cuenta de Claude con una suscripción compatible y unos diez minutos para la instalación. Según la documentación de Anthropic, Claude Code funciona en la terminal, como extensión de VS Code y JetBrains, como aplicación de escritorio y en el navegador, en claude.ai/code.

Si nunca has abierto una terminal, no pasa nada: la instalación se hace copiando un comando y pulsando Intro. Tienes el paso a paso en la guía para instalar Claude Code en Windows. En Mac el proceso es parecido.

Sobre el precio: Claude Code está incluido en los planes de pago de Claude. El 2 de noviembre de 2026, la página oficial de precios de Anthropic indicaba que el plan Pro costaba 20 dólares al mes, o 17 dólares al mes con pago anual (200 dólares por adelantado), y que el plan Max empezaba en 100 dólares al mes. Los precios se muestran sin impuestos, así que el importe final con IVA puede ser algo mayor.

Antes del primer proyecto, crea una carpeta vacía en tu escritorio, por ejemplo "proyectos-vibe". Abre Claude Code dentro de esa carpeta: todo lo que genere quedará ahí, ordenado y fácil de encontrar. Para ver el resultado basta con hacer doble clic en el archivo index.html que Claude crea: se abre en tu navegador.

Si quieres una visión general del método antes de lanzarte, la guía completa de vibe coding explica cómo pasar de una idea a una app que funciona.

¿Cuáles son los 10 proyectos más fáciles para empezar?

Los proyectos más fáciles son aplicaciones de una sola página que funcionan sin internet y sin cuentas: ves el resultado en cuanto Claude termina. Cada uno se puede hacer en un único archivo HTML.

  1. Calculadora básica: suma, resta, multiplicación y división con botones grandes.
  2. Calculadora de IVA: introduces un importe y ves el total con el 21 %, el 10 % o el 4 %, los tres tipos que recoge el portal oficial de la Administración.
  3. Temporizador de cocina: cuenta atrás con aviso sonoro, con botones rápidos de 3, 5 y 10 minutos.
  4. Conversor de divisas: de euros a dólares, libras o francos suizos, primero con tipos fijos.
  5. Lista de tareas: añadir, marcar como hecha y borrar, con los datos guardados en el navegador.
  6. Generador de contraseñas: elige la longitud y si incluye números y símbolos.
  7. Pagar a escote: escribes el total de la cena y el número de personas, y la app reparte la cuenta con dos decimales.
  8. Reloj digital: muestra la hora actual y la fecha en español.
  9. Contador de vasos de agua: un botón suma vasos y la app se reinicia cada día.
  10. Generador de colores: cambia el fondo de la página y muestra el código del color para copiarlo.

Con estos proyectos aprendes lo básico: cómo pedir una interfaz, cómo cambiar colores y textos, y cómo guardar datos en el navegador. El 5, la lista de tareas, es el clásico para dar el salto: la puedes hacer crecer en varias versiones, añadiendo fechas, categorías o un modo oscuro. Lo explicamos paso a paso en tu primer proyecto de vibe coding.

Un consejo práctico para la calculadora de IVA y el divisor de cuentas: pide desde el principio que los importes usen coma decimal y el símbolo del euro detrás de la cifra, como se escribe en España. Si no lo dices, la IA suele usar el formato inglés, con punto decimal.

¿Qué proyectos creativos puedes hacer con Claude Code?

Los proyectos creativos son generadores y pequeñas herramientas de escritura o diseño: no necesitan datos externos y te dejan jugar con el aspecto visual. Son perfectos para aprender a pedir estilos concretos.

  1. Generador de nombres de personajes: para relatos, partidas de rol o tu próxima novela.
  2. Paleta de colores armoniosa: genera combinaciones que combinan bien y las exporta.
  3. Editor de Markdown: escribes a la izquierda y ves el texto con formato a la derecha.
  4. Generador de haikus: ayuda a contar las sílabas de cada verso (5, 7 y 5).
  5. Tablero de inspiración: arrastra imágenes y notas a un tablero.
  6. Generador de títulos: propone titulares a partir de un tema que escribes.
  7. Tarjeta de visita digital: nombre, cargo y contacto en una página que puedes compartir.
  8. Logo con iniciales: combina letras, formas y colores en un logotipo sencillo.
  9. Currículum en una página: rellenas un formulario y obtienes un CV listo para imprimir.
  10. Recetario con raciones: guarda tus recetas y recalcula las cantidades para 2, 4 o 6 personas.

Aquí el reto está en el diseño. Pide a Claude varias versiones del mismo proyecto, por ejemplo "minimalista", "colorida" y "retro", y quédate con la que más te guste. Si una página web que conoces te gusta, describe su estilo con palabras: colores, tipo de letra, cantidad de espacio en blanco.

El proyecto 20 es más útil de lo que parece: la tortilla de tu abuela para cuatro personas pasa a ocho sin hacer cuentas a mano. Pide que las cantidades se redondeen de forma razonable (nadie compra 2,67 huevos) y que la app recuerde tus recetas entre sesiones.

¿Qué juegos puedes crear con vibe coding?

Los juegos sencillos son el mejor terreno de prácticas: reglas claras, resultado inmediato y muchas ocasiones de mejorar. Te enseñan a manejar clics, teclas y puntuaciones.

  1. Tres en raya: para dos jugadores en la misma pantalla.
  2. Adivina el número: la app piensa un número del 1 al 100 y te da pistas.
  3. Memory: encuentra las parejas de cartas iguales.
  4. Piedra, papel o tijera: contra el ordenador, con marcador.
  5. Ahorcado: con palabras en español, tildes y eñe incluidas.
  6. Quiz de capitales: preguntas sobre las capitales de provincia, con puntuación final.
  7. Simón dice: memoriza y repite una secuencia de colores.
  8. Serpiente: la versión simple del clásico de los móviles antiguos.
  9. Adivina el color: aparece un color y eliges su código entre tres opciones.
  10. Dados: lanza dos dados y suma los resultados, con animación.

En el ahorcado, pide expresamente que la app trate la "ñ" y las letras con tilde: si no, una palabra como "pequeño" se vuelve imposible de adivinar. Es un buen ejemplo de lo que significa escribir un prompt para tu país.

La gracia de los juegos es la mejora continua. Empieza por la versión más simple y luego pide, una por una: niveles de dificultad, un cronómetro, una tabla de récords, sonidos. Juegas, ves qué falta, lo pides, vuelves a jugar.

¿Qué proyectos puedes hacer con datos abiertos de España?

Con datos públicos oficiales tu app deja de ser un ejercicio y se vuelve útil: precios reales, tiempo real, tipos de cambio reales. Varias fuentes se pueden usar sin coste.

  1. Gasolineras más baratas de tu provincia: el Ministerio para la Transición Ecológica ofrece un servicio REST con los precios de las estaciones de servicio. Lo comprobamos el 2 de noviembre de 2026: la consulta por provincia (código 28 para Madrid) devolvía datos en formato JSON sin pedir ninguna clave, con la fecha y la hora de la actualización. Los precios llegan con coma decimal ("2,005"), así que díselo a Claude para que los convierta bien antes de ordenarlos.
  2. Coste de un viaje en coche: combina el precio del carburante con los kilómetros y el consumo de tu coche.
  3. El tiempo en tu municipio: Open-Meteo ofrece previsiones gratuitas y no pide clave para uso no comercial. AEMET OpenData también publica datos oficiales, pero te pide una dirección de correo para enviarte una clave de acceso.
  4. Conversor con tipos actualizados: el conversor del proyecto 4 puede leer los tipos de referencia del Banco Central Europeo, que se publican los días laborables hacia las 16:00, hora de Europa central.
  5. Calculadora de IVA comentada: amplía el proyecto 2 con una explicación de qué tipo se aplica en cada caso, enlazando al portal oficial.
Proyecto Qué aprendes De dónde salen los datos ¿Necesitas clave?
Gasolineras más baratas Leer datos de internet y ordenarlos Servicio REST del Ministerio No (comprobado el 02/11/2026)
Coste de un viaje Combinar datos con cálculos Mismo servicio y tus datos No
El tiempo en tu municipio Mostrar datos que cambian Open-Meteo o AEMET OpenData Open-Meteo no; AEMET sí, por correo
Conversor actualizado Datos diarios y formatos Banco Central Europeo No
Calculadora de IVA Lógica de negocio sencilla Tipos del portal oficial No

Un aviso honesto: estos proyectos tocan internet, así que pueden fallar si el servicio cambia o está caído. Pide a Claude que muestre un mensaje claro cuando no lleguen datos, en lugar de una pantalla en blanco.

¿Cómo se escribe un buen prompt para un proyecto de vibe coding?

Un buen prompt dice qué hace la app, para quién es, qué aspecto tiene y qué detalles de formato importan. Cuanto más concreto, menos correcciones después.

Puedes copiar esta plantilla y cambiar lo que va entre corchetes:

Crea una app web en un solo archivo HTML que [lo que hace].
La usará [quién] en [móvil u ordenador].
Diseño: [claro y sencillo / colorido], botones grandes, texto en español de España.
Formato: importes con coma decimal y símbolo del euro detrás (12,50 €).
Guarda los datos en el navegador para que no se pierdan al cerrar.
Explícame en tres frases cómo probarla.

Cuando algo no funciona, describe lo que ves, no lo que crees que falla. Un ejemplo de corrección útil: "Si escribo 12,50 en el importe, la app muestra 1250 €. Haz que acepte la coma como separador decimal y que muestre siempre dos decimales." Claude entiende el problema y lo arregla sin tocar el resto.

Dos buenas prácticas más. Primera: cambia una sola cosa en cada petición; si pides cinco cambios a la vez y algo se rompe, no sabrás cuál fue. Segunda: cuando tengas tres o cuatro proyectos, crea en la carpeta un archivo llamado CLAUDE.md con tus preferencias fijas (español de España, coma decimal, diseño claro). Claude Code lo lee al empezar y no tendrás que repetirlo.

¿Cómo eliges tu primer proyecto según tu nivel?

Elige un proyecto que resuelva un problema tuyo o que te divierta de verdad: tendrás ganas de terminarlo y de mejorarlo. El mejor primer proyecto no es el más impresionante, sino el que usarás la semana que viene.

Criterios sencillos:

  • Resultado rápido: para empezar, evita todo lo que necesite cuentas de usuario, pagos o bases de datos.
  • Utilidad personal: una herramienta para tu casa, tu club o tu trabajo te motiva más que un ejercicio.
  • Un solo archivo: los proyectos 1 a 10 caben en un único HTML, sin instalar nada más.
  • Datos externos después: deja los proyectos con datos abiertos para cuando domines los básicos.

Una ruta que funciona: una semana con los proyectos fáciles, otra con un juego al que vayas añadiendo funciones, y después un proyecto con datos reales, como las gasolineras de tu provincia. Al final tendrás tres apps que funcionan y sabrás pedir cambios con precisión.

¿Cómo creas y publicas una página web con vibe coding?

Para enseñar tu proyecto, GitHub Pages lo publica gratis en una dirección web propia. Le pides a Claude que te guíe y, en unos minutos, cualquiera puede abrir tu app desde el móvil.

Según la documentación de GitHub, un sitio publicado con Pages puede ocupar como máximo 1 GB, con un límite orientativo de 100 GB de tráfico al mes y de 10 publicaciones por hora. Para los proyectos de esta lista sobra: una app en un solo archivo pesa unos pocos kilobytes.

Una página web personal también es un proyecto de vibe coding en sí misma: una portada con tu nombre, tus proyectos y un formulario de contacto. Pide primero una versión de una sola página y añade secciones después. Si vas a publicar algo con datos de otras personas, como un formulario, pregunta a Claude qué información recoge y no publiques nada que no necesites.

¿Qué errores debes evitar al principio?

El error más común es pedir demasiado de golpe: una app completa con cuentas, pagos y diseño perfecto en un solo mensaje. El resultado suele fallar en varios sitios a la vez y no sabes por dónde empezar a corregir.

Otros errores frecuentes:

  • No probar después de cada cambio: si acumulas cambios sin probar, un fallo se esconde entre ellos.
  • Pegar datos personales en el prompt: no hace falta tu DNI ni contraseñas reales para probar un formulario.
  • Aceptar sin leer la explicación: lo que Claude cuenta sobre su cambio es tu mejor lección.
  • Olvidar el formato español: coma decimal, euro detrás de la cifra y fechas como 02/11/2026.

Tienes una lista más detallada en los 10 errores a evitar cuando empiezas en vibe coding. Con estos cuidados, tus primeros proyectos saldrán mucho mejor.

Fuentes

  • Anthropic, precios de Claude: claude.com/pricing, consultada el 2 de noviembre de 2026.
  • Anthropic, documentación de Claude Code: code.claude.com/docs/en/overview, consultada el 2 de noviembre de 2026.
  • Ministerio para la Transición Ecológica y el Reto Demográfico, servicio REST de precios de carburantes en estaciones terrestres: sedeaplicaciones.minetur.gob.es, consultado el 2 de noviembre de 2026.
  • Administración General del Estado, IVA: tipos y exenciones: administracion.gob.es, actualizada el 20 de marzo de 2026, consultada el 2 de noviembre de 2026.
  • AEMET OpenData, obtención de la clave de acceso: opendata.aemet.es, consultada el 2 de noviembre de 2026.
  • Open-Meteo, documentación de la API del tiempo: open-meteo.com/en/docs, consultada el 2 de noviembre de 2026.
  • Banco Central Europeo, tipos de cambio de referencia del euro: ecb.europa.eu, consultada el 2 de noviembre de 2026.
  • GitHub, límites de GitHub Pages: docs.github.com, consultada el 2 de noviembre de 2026.
  • Stack Overflow, encuesta de desarrolladores 2025, comunicado del 29 de julio de 2025: stackoverflow.co, consultada el 2 de noviembre de 2026.
  • Collins Dictionary, palabra del año 2025, noticia del 6 de noviembre de 2025: i-programmer.info, consultada el 2 de noviembre de 2026.