Plantillas para vibe coding: 9 puntos que revisar y 12 para empezar (2026)
Plantillas para vibe coding: datos de ejemplo sin claves, guías para la IA, dos idiomas y licencia para clientes. Y 12 plantillas por uso, de gratis a 69 $.
Las plantillas para vibe coding son proyectos terminados que entregas a una herramienta de IA para que cambie un sitio que ya funciona en lugar de inventar uno. Una buena plantilla arranca a la primera, la IA se orienta en ella sin esfuerzo y aguanta los cambios en los dos idiomas. Aquí tienes nueve puntos que revisar en cualquier plantilla, de cualquier vendedor, y después doce de las nuestras ordenadas por uso, de gratis a 69 $, cada una con la herramienta que le va.
Qué significa vibe coding
El vibe coding consiste en crear software describiendo lo que quieres con palabras sencillas y dejando que una IA escriba el código, para después juzgar el resultado usándolo en lugar de leyendo el código. Andrej Karpathy acuñó el término en una publicación en X el 2 de febrero de 2025, y más tarde escribió en su blog que, con el vibe coding, programar ya no está reservado a profesionales muy formados: es algo que cualquiera puede hacer. El diccionario Collins lo eligió como su palabra del año 2025 y lo describe como el uso de la IA, guiada por lenguaje natural, para escribir código informático.
Una plantilla para vibe coding, que a veces se vende como starter o boilerplate de vibe coding, es el proyecto terminado del que partes. El trabajo de la IA pasa de diseñar un sitio a cambiar uno: tu nombre, tu color, tus textos, tus imágenes.
Por qué una plantilla gana a un prompt en blanco
Un prompt en blanco le pide a la IA que lo decida todo: las páginas, el diseño, los textos y cómo se organiza el código. Decide algo distinto cada vez, y cada corrección cuesta otro prompt. Una plantilla elimina esas decisiones: las páginas existen y se revisaron antes de que llegaras, así que la IA solo cambia lo que es tuyo.
El razonamiento completo está en ¿Plantilla o prompt en blanco? Por qué una web con IA sale mejor desde una plantilla.
Qué buscar en las plantillas para vibe coding: 9 puntos
Úsalos con cualquier plantilla, nuestra o de otro. Cada uno se comprueba en la página del producto, la demo o la lista de archivos antes de gastar un prompt.
Funciona antes de que cambies nada
- 1. Funciona con datos de ejemplo, sin API y sin .env. Una herramienta de IA arranca sin problema un proyecto que no necesita nada, y se atasca con uno que pide antes una base de datos o claves secretas. Nuestros paquetes de web y de panel funcionan con datos de ejemplo integrados, sin archivo .env que rellenar.
- 2. No hace falta ningún servicio de pago para empezar. Los pagos y el correo deben estar apagados o en modo de prueba hasta que conectes tus propias cuentas. En nuestras plantillas no hace falta ninguna cuenta real, y un pago es un pago de prueba.
- 3. La descarga es ligera. Un proyecto pequeño se sube y se construye rápido, y le da menos que leer a la IA. El Financial Dashboard que probamos es un ZIP de 6,5 MB; Lovable acepta subidas de hasta 250 MB.
Vídeo de demostración: Dashboard financiero
La IA se orienta sola
- 4. Una carpeta clara por aplicación. Cuando la web, el panel y la API tienen cada uno su carpeta, la IA cambia la correcta. Nuestros paquetes sueltos son una sola carpeta; un paquete Full Stack tiene una carpeta por aplicación, cada una con su guía de inicio rápido.
- 5. Guías escritas que la IA puede leer. Las guías de la descarga le explican a la IA cómo está organizado el proyecto, para que lea en lugar de adivinar. Las nuestras son archivos Markdown dentro del ZIP, como un README y un archivo de licencia, y las plantillas más grandes añaden un inicio rápido, una guía de marca y una nota sobre los datos de ejemplo.
- 6. Un prompt listo para pegar. El primer mensaje decide si la IA ejecuta la plantilla o la reconstruye. El nuestro, de la ventana Abrir con IA, le dice que ejecute primero la versión construida, que pida los datos de tu marca, que mantenga los dos idiomas y que lea las guías de la plantilla antes de publicar.
El resultado está listo para clientes reales
- 7. Los dos idiomas viven en archivos de mensajes. Cuando los textos están en un archivo por idioma, separados del código de las páginas, la IA puede cambiar el nombre del negocio en inglés y en árabe a la vez. Nuestras plantillas de pago funcionan así, y en nuestra prueba Replit y Lovable cambiaron los dos idiomas.
- 8. El tema claro y el oscuro vienen incluidos. Un tema oscuro añadido con un prompt suele olvidar un gráfico o un campo de formulario. Nuestras plantillas de pago traen los dos temas, diseñados juntos.
- 9. La licencia permite el trabajo para clientes. Si construyes para clientes, la licencia decide si puedes entregar. La nuestra cubre proyectos comerciales ilimitados, trabajo para clientes incluido, con un solo pago.
Vídeo de demostración: Velra
Qué evitar en una plantilla
Servicios de pago en el primer arranque
- La página de inicio pide una cuenta de pagos, de correo o de base de datos para abrirse
- Cada una es una cuenta que crear y una clave que la IA tiene que colocar bien
- Pregunta al vendedor qué funciona sin ninguna clave
Sin documentación
- Sin guías, la IA aprende el proyecto a base de prueba y error, y cada error cuesta un prompt
- Busca un README y un inicio rápido en la lista de archivos antes de comprar
Una base que la herramienta convierte
- Lovable reconstruye un proyecto importado sobre su propia base, TanStack Start, con las mismas páginas y el mismo comportamiento
- Después, las actualizaciones y las guías del vendedor ya no coinciden con tu código línea por línea
- En nuestra prueba, Bolt construyó nuestra plantilla Next.js 16 pero nunca mostró una vista previa
12 plantillas para vibe coding por uso
Nuestras propias plantillas por uso, con el precio de cada página de plantilla el 8 de noviembre de 2026. Pasamos una, el Financial Dashboard, por Replit y Lovable el 7 de noviembre de 2026. Para las demás, la herramienta indicada es un consejo basado en cómo trata el código cada herramienta, no una prueba.
| # | Plantilla | Uso | Precio | Herramienta |
|---|---|---|---|---|
| 1 | Web de empresa | Una empresa o una startup | Gratis | Las tres |
| 2 | Landing page SaaS con precios | Un lanzamiento de software sencillo | Gratis | Las tres |
| 3 | Landing page 3D | Una campaña de producto | Gratis | Replit o un editor de código con IA |
| 4 | Web de pedidos Food Studio | Un restaurante | 39 $ | Replit, Lovable o un editor de código con IA |
| 5 | Web inmobiliaria Velra | Una agencia o un agente | 39 $ | Replit, Lovable o un editor de código con IA |
| 6 | Web de alquiler vacacional Hollina | Un anfitrión o un pequeño gestor de alojamientos | 39 $ | Replit, Lovable o un editor de código con IA |
| 7 | Web SaaS Northstack | Un producto de software | 39 $ | Replit, Lovable o un editor de código con IA |
| 8 | Tienda e-commerce de moda | Una marca de ropa | 39 $ | Replit, Lovable o un editor de código con IA |
| 9 | Web de venta de entradas Ticketory | Eventos y recintos | 39 $ | Replit, Lovable o un editor de código con IA |
| 10 | Dashboard financiero | Un primer panel (el que probamos) | 49 $ | Replit o un editor de código con IA; Lovable funcionó en nuestra prueba |
| 11 | Panel de administración e-commerce | La trastienda de una tienda | 49 $ | Replit o un editor de código con IA |
| 12 | Panel de administración con IA | Una herramienta interna con asistente | Desde 69 $ | Replit o un editor de código con IA |
Plantillas gratuitas: aprende el proceso primero
La forma más barata de saber qué pregunta tu herramienta de IA y cuánto tarda. Descarga una desde su página de plantilla y ábrela en tu herramienta.
1. Web de empresa: gratis
Una web corporativa con una cabecera con logos de clientes, una sección de cómo funciona en cuatro pasos, una cuadrícula de integraciones, testimonios y tarjetas de artículos.
Herramienta: cualquiera de las tres. Un sitio corto se revisa rápido, así que es una buena primera prueba.
2. Landing page SaaS con precios: gratis
Una landing page para un lanzamiento de software sencillo, con una sección de precios.
Herramienta: cualquiera de las tres.
3. Landing page 3D: gratis
Una página con Next.js, Three.js y GSAP para una campaña de producto.
Herramienta: Replit o un editor de código con IA, que mantienen el código de las animaciones tal como se escribió.
Vídeo de demostración: Landing 3D
La cuarta plantilla gratuita, un portafolio de agencia, encaja con un estudio o un profesional independiente.
Webs de 39 $: un negocio, un sitio
Cada una funciona con sus propios datos de ejemplo, en inglés y árabe, en claro y oscuro. Las tres herramientas encajan: Replit y un editor de código con IA conservan el código, y Lovable da el primer cambio más rápido sobre una copia convertida.
4. Web de pedidos Food Studio: 39 $
Una web de restaurante con una carta con filtros, páginas de platos, un creador de menús, carrito, pago, seguimiento de pedidos y cuentas de cliente.
Herramienta: Replit, Lovable o un editor de código con IA. Por sí sola, la web acepta pagos de prueba, así que los pedidos reales necesitan el Full Stack.
Vídeo de demostración: Food Studio
5. Web inmobiliaria Velra: 39 $
Viviendas en venta y en alquiler con los filtros guardados en la dirección, fichas de inmuebles, favoritos, una comparación de tres viviendas y solicitudes de visita.
Herramienta: Replit, Lovable o un editor de código con IA. Si un programador va a hacerse cargo más adelante, elige una que conserve el código.
6. Web de alquiler vacacional Hollina: 39 $
Alojamientos filtrados por destino, fechas y huéspedes, un calendario de disponibilidad con presupuesto al momento, pago y consulta de reservas.
Herramienta: Replit, Lovable o un editor de código con IA.
Vídeo de demostración: Hollina
7. Web SaaS Northstack: 39 $
Una página de inicio, precios con licencias de pago único, un pago de licencias, documentación, un blog, un registro de cambios y un formulario de contacto.
Herramienta: Replit, Lovable o un editor de código con IA.
8. Tienda e-commerce de moda: 39 $
Un catálogo con filtros, fichas de producto con variantes, un carrito, compra sin cuenta con seguimiento del pedido y un probador virtual con IA.
Herramienta: Replit, Lovable o un editor de código con IA.
Vídeo de demostración: Plantilla e-commerce de moda
9. Web de venta de entradas Ticketory: 39 $
Búsqueda y páginas de eventos, mapas de asientos en directo con reserva de diez minutos, pago, entradas con código QR y cuentas de asistentes.
Herramienta: Replit, Lovable o un editor de código con IA. Con los datos de ejemplo, el pago es un pago de prueba.
Vídeo de demostración: Ticketory
Otras dos webs de 39 $ siguen el mismo patrón: la landing page Publino para un producto por suscripción y la web de estudiantes LMS para cursos online.
Paneles de 49 $ y 69 $
Un panel tiene más pantallas y más lógica que una web, así que lo que le pasa al código importa más. Replit y un editor de código con IA lo conservan tal como se escribió.
10. Dashboard financiero: 49 $
La plantilla que probamos: gráficos, widgets de arrastrar y soltar, temas oscuro y claro, inglés y árabe, y una página de inicio de sesión que más adelante conectas a tu propia API. Solo frontend, un ZIP de 6,5 MB.
Herramienta: Replit (una vista previa funcionando en unos 6 a 7 minutos en nuestra prueba) o un editor de código con IA. Lovable también la importó, en unos 10 minutos, como copia convertida.
11. Panel de administración e-commerce: 49 $
Productos, categorías, pedidos con el avance de la preparación, clientes, roles y un asistente de IA que responde preguntas sobre las ventas. La mayoría de nuestras webs tienen un panel del equipo a juego de 49 $ como este.
Herramienta: Replit o un editor de código con IA.
12. Panel de administración con IA: desde 69 $
Un panel de administración con asistente de IA, gestión de usuarios y administradores, y roles y permisos. Lee la página del producto para saber qué incluye cada paquete antes de comprar. El otro panel de 69 $ es el panel de fitness.
Herramienta: Replit o un editor de código con IA.
Vídeo de demostración: Panel de administración con IA
Paquetes Full Stack: un trabajo de programador
Los paquetes Full Stack (149 $) reúnen una web, un panel y una API con su base de datos. Necesitan un paso de carga inicial que llena la base de datos antes de que nada funcione, así que no son un trabajo sin código: Lovable no puede ejecutarlos y no hemos probado Replit con uno. Tienen una carpeta por aplicación, un inicio rápido en cada una y un comando de Docker en la documentación que lo arranca todo. Un editor de código con IA como Claude Code puede leer tu código, editar archivos y ejecutar comandos en tu ordenador, que es lo que necesita esa carga inicial. Es la única vía que hemos probado con uno: el 8 de noviembre de 2026, Claude Code tenía el Full Stack de Food Studio (web, panel y API) funcionando unos 4,5 minutos después de descomprimirlo. Para el vibe coding, empieza solo con el paquete de web o de panel.
Cómo empezar en cada herramienta
Después de comprar, abre Mis plantillas en tu panel de comprador en my.aniq-ui.com y pulsa Abrir con IA (la fila Usar con IA de cada página de plantilla abre la misma ventana). Tiene tres tarjetas.
Replit
- Pulsa Abrir en Replit. Replit se abre con el prompt ya escrito, que lleva un enlace de descarga privado válido 24 horas.
- Envíalo. El Agent descarga, instala, construye y ejecuta la versión construida: unos 6 a 7 minutos en nuestra prueba.
- Responde a sus preguntas una a una, o todas en un mensaje: en nuestra segunda prueba, el 8 de noviembre, aplicó cuatro respuestas en una sola reconstrucción de unos 5 minutos.
- Abre el sitio en su propia pestaña, en inglés y en árabe: en nuestra prueba, la vista previa integrada de Replit mostraba un error mientras el sitio funcionaba.
Lovable (webs)
- Pulsa Copiar prompt y después Descargar plantilla.
- Abre Lovable y elige + > Import project > Upload code. Un ZIP puede pesar hasta 250 MB.
- Pega el prompt. La importación tardó unos 10 minutos en nuestra prueba.
- El resultado es una copia convertida, y en el plan Free no puedes editar ni descargar el código.
Un editor de código con IA
- Pulsa Descargar plantilla y descomprímela.
- Pulsa Copiar prompt.
- Abre la carpeta en Claude Code, Cursor, Copilot o Windsurf y pega el prompt.
- Deja que ejecute la versión construida y lea las guías antes de pedir cambios. En nuestra prueba del 8 de noviembre de 2026, Claude Code tenía el Full Stack de Food Studio (web, panel y API) funcionando unos 4,5 minutos después de descomprimirlo.
Para saber qué pedir cuando la plantilla ya funciona, mira 30 prompts para personalizar una plantilla de sitio web con IA. Para todo el recorrido sin código, lee Cómo personalizar una plantilla de Next.js con IA, sin programar.
Cinco errores que evitar
- Elegir solo por el aspecto. Una plantilla que pide tres cuentas de pago antes de abrirse cuesta más prompts que otra más sencilla que funciona.
- Reescribir el prompt. El prompt de la ventana le dice a la IA que ejecute la plantilla, no que la reconstruya. Envíalo tal cual.
- Pedir un rediseño en el primer mensaje. Cambia primero la marca, los textos y las imágenes. Después, pide un cambio de diseño cada vez.
- Cambiar un solo idioma. Escribe "en inglés y en árabe" en cada petición, y abre los dos después de cada cambio.
- Elegir un Full Stack para empezar sin código. Empieza con el paquete de web o de panel y añade el resto más adelante.
Preguntas frecuentes
Respuestas cortas.
¿Qué es una plantilla para vibe coding?
Una web o un panel terminado que abres en una herramienta de IA y cambias describiendo lo que quieres. Una buena plantilla funciona con datos de ejemplo sin claves, trae sus propias guías y guarda sus textos en archivos de mensajes, para que la IA cambie tu marca en lugar de diseñar desde cero.
¿Hay plantillas gratuitas para vibe coding?
Sí. Aniq UI tiene cuatro plantillas gratuitas: una web de empresa, una landing page SaaS con precios, una landing page 3D y un portafolio de agencia. Son una buena forma de conocer tu herramienta de IA antes de pagar.
¿Con qué herramienta hago vibe coding?
Elige según lo que deba pasarle al código. Replit conserva el código de una plantilla tal cual. Lovable sirve para webs y es rápido, pero reconstruye el código sobre su propia base. Un editor de código con IA como Claude Code, Cursor, Copilot o Windsurf trabaja sobre la carpeta de tu ordenador.
¿Puedo vender o entregar a un cliente un sitio hecho con una plantilla?
Con una plantilla de pago de Aniq UI, sí: la licencia comercial cubre proyectos ilimitados, trabajo para clientes incluido, con un solo pago. Puedes cambiar el nombre, los colores, los textos y las imágenes, y no afirmas haber creado la plantilla. Con cualquier otro vendedor, lee la licencia antes de empezar.
¿Funciona el vibe coding para una web en árabe?
Sí, si la plantilla está hecha para leerse de derecha a izquierda. Un prompt en blanco suele traducir las palabras y dejar el diseño a medio invertir. Nuestras plantillas traen inglés y árabe, y en nuestra prueba Replit y Lovable mantuvieron los dos idiomas funcionando. Abre las páginas en árabe después de cada cambio.
¿Necesito saber Next.js?
No para un paquete de web o de panel. El prompt de la ventana Abrir con IA se ocupa de la parte técnica; tú respondes preguntas sobre tu negocio y revisas el resultado en el navegador. Un paquete Full Stack necesita una base de datos y es un trabajo de programador.
Lista de precios
Revisada el 8 de noviembre de 2026. Un solo pago, actualizaciones gratis, licencia comercial.
- Sitio de restaurante Food Studio, Sitio inmobiliario Velra, Sitio SaaS Northstack, Tienda online de moda: 39 $
- Dashboard financiero, paneles del equipo para restaurantes, inmobiliarias, e-commerce y espacios SaaS: 49 $
- Panel de administración con IA, Panel de fitness: 69 $
- Paquetes Full Stack: 149 $
- Pack de 10 plantillas premium: 199 $ precio de lanzamiento (precio de lista 499 $)
Guías relacionadas
- ¿Plantilla o prompt en blanco? Por qué una web con IA sale mejor desde una plantilla (2026)
- 30 prompts para personalizar una plantilla de sitio web con IA (2026)
- Cómo personalizar una plantilla de Next.js con IA, sin programar (2026)
- Replit o Lovable para una plantilla: probados en inglés y árabe (2026)
- Las 12 mejores plantillas para empezar un proyecto en Replit (2026)
- 10 plantillas de Lovable que puedes importar, con pantallas y la única pega (2026)
Fuentes
- Palabra del año 2025 de Collins: blog.collinsdictionary.com
- Andrej Karpathy, resumen de 2025: karpathy.bearblog.dev/year-in-review-2025
- La publicación original en X, enlazada desde ese resumen: x.com/karpathy/status/1886192184808149383
- Importar en Lovable: docs.lovable.dev/features/projects/import-project
- Planes de Lovable: docs.lovable.dev/introduction/subscription-plans
- Presentación de Claude Code: code.claude.com/docs/en/overview
- Nuestras propias pruebas: el Financial Dashboard en Replit, Lovable y Bolt el 7 de noviembre de 2026, y de nuevo en Replit el 8 de noviembre de 2026.
- Las páginas de las plantillas de Aniq UI y las guías de cada descarga, revisadas en noviembre de 2026.
También te puede interesar
30 prompts para personalizar una plantilla de sitio web con IA (2026)
30 prompts seguros para copiar y pegar y cambiar una plantilla de sitio web con IA en Replit o Lovable: marca, colores, textos, páginas, idiomas, formularios, SEO.
Cómo personalizar una plantilla de Next.js con IA, sin programar (2026)
Compra una plantilla Next.js, pulsa Abrir con IA y deja que Replit o Lovable pongan tu nombre, color y correo en inglés y árabe. Pantallas reales, pasos y costes.
Claude Code, Replit o Lovable: cuál encaja con tu proyecto (2026)
Claude Code, Replit o Lovable: tres tipos de herramienta de IA. Dónde funciona cada una, qué pasa con tu código, el coste del primer año y cuál elegir.
