
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de revista completo: inicio, historias, artículos largos, temas con archivo, tienda y páginas de producto, cesta, checkout, suscripción, sobre nosotros, contacto, FAQ, newsletter, envíos y páginas legales
- El aspecto editorial: cinco tarjetas de historias dispersas en el Hero, un índice de temas con filetes y miniaturas al pasar el cursor, cuadrículas fotográficas asimétricas, un reportaje a sangre y una columna de lectura en serif
- Piezas que funcionan: búsqueda superpuesta, filtros de historias con vista de cuadrícula o índice, historias guardadas, opciones de láminas con vista previa enmarcada, panel de cesta, validación del checkout y suscripciones de regalo
Ideal para
- Revistas, publicaciones y newsletters independientes que publican lecturas largas y quieren una casa online serena y fotográfica
- Artesanos, estudios y marcas de viajes o gastronomía que combinan una publicación con una pequeña tienda y una suscripción o membresía
- Editores que quieren mantener historias, temas, productos y planes como colecciones sencillas a partir de las que se genera cada página
No es para
- Sitios de noticias o blogs de gran volumen: el diseño favorece unas pocas lecturas largas por número frente a un flujo constante
- Marcas que quieren colores llamativos o un tema oscuro: el aspecto es un fondo editorial blanco con fotografía discreta
- Pagos o correos reales: el checkout y los formularios validan y confirman en la página, pero nunca afirman que se haya cobrado o enviado un mensaje
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear blogEstilo fijadoResultado editableCuerpo del artículoAbanico editorialHero editorialÍndice de temas
Acerca de esta Skill

Revista de tarjetas dispersas crea el sitio web de una revista independiente: un fondo editorial blanco, un Hero con un abanico de tarjetas de papel giradas, un índice de temas con filetes y páginas de artículos largos, además de la tienda, las suscripciones y las páginas de ayuda que necesita una publicación real. El ejemplo es Ferrow, una revista trimestral ficticia sobre lugares, objetos y personas, con 36 páginas conectadas.

Lo que obtienes
- Una página de inicio con el Hero de tarjetas en abanico, el índice de temas, una cuadrícula de números, un reportaje a sangre, un carrusel, una franja del número, cifras, cartas de lectores y una suscripción a la newsletter
- Páginas de artículos largos con capitular, cita destacada, recuadro de datos, progreso de lectura y siguiente historia, más páginas de temas con un archivo impreso
- Una tienda de números, láminas y cuadernos con opciones que cambian el precio, un panel de cesta, una página de cesta y un checkout con validación
- Suscripciones con plazos anuales y datos de regalo, una página sobre nosotros con la mancheta, contacto, FAQ, newsletter, envíos, privacidad, términos y una página de no encontrado
- Dos fuentes web y fotos planificadas por función incrustadas en un único archivo que funciona sin conexión

Cómo usarlo
- Comparte el nombre de tu publicación, sus temas, un puñado de historias, los productos que tengas y tu oferta de suscripción.
- Tu agente los asigna a historias, temas y tienda, escribe una dirección de arte, genera las fotos y rellena cada página.
- Abre el archivo, lee una historia, añade algo a la cesta, recorre el checkout y pide cambios con tus propias palabras.

Las fotos salen de la herramienta de imagen de tu agente, que puede tener costo de uso, o de tu propia biblioteca. El checkout y los formularios confirman en la página y nunca afirman que se haya realizado un pago o enviado un correo.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la publicación o marca, público y una breve declaración · Temas y algunas historias con títulos, lugares y resúmenes · Productos, precios, condiciones de suscripción y datos de envío (opcional; los datos que falten se convierten en marcadores listados)
- 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 para las fotos de historias, productos y retratos (opcional si aportas tus propias fotos)
- Costos externos
- Las fotos de historias, productos y retratos se generan con la herramienta de imagen de tu agente, que puede generar costos 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…









