
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Una tienda de marca completa: home, páginas de producto, colección y receta, nuestra historia, puntos de venta con mapa, mayoristas, FAQ, envíos, contacto, newsletter, bolsa, checkout y páginas legales
- El look de papel cuadriculado: papel cálido con una fina cuadrícula, titulares condensados y gruesos, tarjetas con contorno teñidas por sabor, un Hero con abanico de cinco fotos y pegatinas, y un logotipo en el pie azul cobalto
- Detalles de tienda que funcionan: un cajón de bolsa con medidor de envío gratis, precios por tamaño y suscripción, búsqueda, filtros, un escalador de raciones para recetas y un checkout con validación
Ideal para
- Marcas de avena, jugos, café, té, kombucha o snacks que quieren una personalidad alegre de pegatinas y cartón
- Pequeñas marcas de consumo que necesitan tienda, recetas o rituales, puntos de venta y páginas de soporte diseñadas como una sola familia
- Fundadores que quieren una tienda creíble antes de conectar pagos reales, o un diseño para portar a su propio proyecto
No es para
- Marcas de lujo discreto o corporativas: la tipografía condensada y gruesa, las pegatinas y los colores por sabor son deliberadamente llamativos y juguetones
- Tiendas que hoy necesitan pagos, cuentas o entrega de pedidos reales: la bolsa y el checkout confirman en la página e indican que no se cobró nada
- Teasers de una sola pantalla: la Skill crea un sitio completo y conectado, así que una única sección de landing page desperdiciaría la mayor parte
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear sitio de marcaEstilo fijadoResultado editableAbanico de avenaHero de avenaRecetas de avenaHistoria de avena
Acerca de esta Skill

Sitio de marca de bebidas en papel cuadriculado crea un sitio de marca completo y con tienda sobre papel cuadriculado cálido, con titulares condensados y gruesos, tarjetas con contorno, detalles de pegatinas y un color divertido por sabor. Cada enlace lleva a una página diseñada, y la bolsa, la búsqueda y los formularios responden. El ejemplo es Oat Parade, una marca ficticia de bebida de avena con 34 páginas conectadas.

Lo que obtienes
- Una home con composiciones variadas: Hero con abanico de fotos, marquesina de sabores, carril de productos con filtros, historia a dos columnas, bento de cifras, recorrido del campo a la nevera, bento de recetas, testimonios, FAQ, buscador de puntos de venta y newsletter
- Páginas interiores para cada producto, colección y receta, además de nuestra historia, puntos de venta con mapa, mayoristas, FAQ, envíos, contacto, bolsa, checkout, privacidad, términos y una página de no encontrado
- Interacciones de tienda: un cajón de bolsa con cantidades y un medidor de envío gratis, precios por tamaño y suscripción, búsqueda, guardados, un escalador de raciones para recetas y un checkout con validación
- Fotos planificadas una por tema con una sola dirección de arte, incrustadas junto con las fuentes en un único archivo que funciona sin conexión

Cómo usarlo
- Comparte el nombre de tu marca, tu promesa en una línea, los productos con precios y tamaños, cómo compra la gente y tu historia.
- Tu agente adapta sabores, recetas y puntos de venta a tu negocio, genera las fotos y rellena cada página.
- Abre el archivo, recorre la tienda, la bolsa y las recetas en escritorio y en el móvil, y pide cambios con tus palabras.

Las fotos salen de la herramienta de imágenes de tu agente, que puede tener sus propios cargos de uso, o de tu propia biblioteca. Nada en la bolsa ni en el checkout se cobra ni se envía hasta que conectes servicios reales.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la marca, promesa en una línea y audiencia · Productos con nombres, precios, tamaños y lo que hace diferente a cada uno · Cómo compra la gente (online, puntos de venta, mayoristas, suscripción), tu historia y los datos de envío y contacto
- Dependencias
- Node.js 18 o superior en la máquina de tu agente, para ejecutar el script incluido que genera el archivo único sin conexión · Acceso a internet mientras se genera el archivo, para descargar las fuentes una vez e incrustarlas · Una herramienta de imágenes en tu agente para las fotos de producto, recetas e historia (opcional si aportas tus propias fotos)
- Costos externos
- El agente genera las fotos de producto, recetas e historia con su propia herramienta de imágenes, que puede tener sus propios cargos de uso. Puedes aportar tus propias fotos en su lugar. Nada más usa un servicio de pago.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…








