
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un único archivo de tienda autónomo que se abre en cualquier navegador y funciona sin conexión, con fuentes e imágenes incrustadas; o una adaptación a tu propio proyecto con framework si lo tienes.
- Una tienda que funciona: filtros con recuentos en vivo, variantes que cambian el precio, minicarrito con medidor de envío gratis, códigos promocionales, checkout de demostración y confirmación del pedido.
- Un ejemplo de 39 páginas con 22 imágenes, que incluye planificador de recargas, buscador de camas, lista de deseos, guía de cuidados y páginas de políticas de la tienda.
Ideal para
- Tiendas de mascotas independientes y marcas para mascotas que venden online y quieren una tienda serena y de confianza.
- Peluquerías caninas o clínicas veterinarias que también venden productos y pueden convertir las recargas en planes.
- Marcas de comida para mascotas que apuestan por las suscripciones y el planificador de recargas.
No es para
- Pagos reales, inventario o gestión de pedidos; el checkout valida los datos pero nunca cobra a nadie.
- Tiendas que quieren un aspecto oscuro, desenfadado o muy ilustrado en lugar del marco azul real.
- Vender los productos ficticios de Dunmere o presentar sus imágenes de catálogo como propias.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear tienda onlineEstilo fijadoResultado editableMascotasHero de mascotasPrimaveraLista de deseos
Acerca de esta Skill

Tienda de mascotas Royal Blue crea una tienda de mascotas premium y completa: un sitio blanco dentro de un marco azul real, titulares serif en azul, un Hero dividido y sereno con el retrato de un golden retriever, seis mosaicos de categorías, un banner de temporada en azul real y un catálogo coherente de recortes de producto. El ejemplo es Dunmere Pet Supply, una tienda de barrio ficticia, con 39 páginas conectadas y una tienda que funciona de los filtros a la confirmación del pedido.

Lo que obtienes
- Un único archivo de tienda autónomo que se abre en cualquier navegador y funciona sin conexión, con fuentes e imágenes incrustadas. Si ya tienes un proyecto con framework, el diseño se traslada a él.
- Una tienda que funciona: filtros por categoría, mascota y precio con recuentos en vivo, búsqueda, ordenación, páginas de producto con variantes que cambian el precio y tallas agotadas, un minicarrito con medidor de envío gratis, códigos promocionales, un checkout de demostración y una confirmación del pedido.
- Un planificador de recargas que muestra las próximas fechas de entrega y el ahorro, un buscador de camas según la postura al dormir, una lista de deseos, una guía de cuidados con artículos y un carrusel de reseñas.
- Páginas de la tienda: sobre nosotros, envíos y devoluciones, FAQ, contacto, privacidad, términos y una amable página de no encontrado.
- Ajustes de mercado para moneda, impuestos, reglas de código postal y condiciones de envío, para que la tienda encaje donde vendes.

Cómo usarlo
- Comparte el nombre de tu tienda, los productos con precios y tallas, las categorías, las condiciones de envío, el horario y los datos de contacto. Los datos que falten se redactan como marcadores plausibles y se te listan para que los confirmes.
- Deja que el agente fotografíe un nuevo catálogo de recortes de producto con una misma luz, o envía tus propias fotos de producto. El retrato del retriever, el del gato y la escena de descanso pueden quedarse.
- Abre cada página en escritorio y móvil, filtra la tienda, añade a la cesta, prueba el checkout de demostración y pide cambios.

La tipografía usa Newsreader e Instrument Sans, incrustadas en el archivo. Las nuevas imágenes de producto salen de la herramienta de imagen de tu agente y pueden tener costo de uso; el checkout nunca cobra.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la tienda, productos con precios y tallas, y categorías · Condiciones de envío, horario, datos de contacto y tu mercado · Tus propias fotos de producto, o tu aprobación para generar un nuevo catálogo
- 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 imagen en tu agente, o tus propias fotos, para los recortes de producto y las imágenes de la tienda
- Costos externos
- Los nuevos recortes de producto y fotos de la tienda se generan con la herramienta de imagen de tu agente, que puede tener costo de uso. Sin ella, aporta tus propias fotos; las imágenes del retriever, el gato y la escena de descanso pueden quedarse. Ver el ejemplo no cuesta nada y el checkout nunca cobra.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









