
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un ejemplo de 20 rutas para el ficticio Commonfold Collective: cuatro páginas de proyecto, tres páginas de miembros, tres entradas del diario, contacto, privacidad, accesibilidad y una página 404 diseñada.
- Piezas funcionales: un acordeón de principios con un solo panel abierto, filtros de trabajos con búsqueda, ordenación y estado vacío, un selector de tarifa estándar y comunitaria, FAQ, formularios validados y un aviso de enlace copiado.
- Un único archivo autónomo con Newsreader y Figtree incrustadas, además de una guía de estilo, un plan de imágenes y comprobaciones integradas que señalan nombres de ejemplo olvidados.
Ideal para
- Estudios de diseño, colectivos y equipos de diseño cívico o participativo que quieren una presencia artesanal y divertida respaldada por casos de estudio reales.
- Talleres de grabado, escuelas y pequeños estudios que pueden adaptar clases, tutores o proyectos a la misma familia de páginas.
- Equipos que prefieren imágenes de collage, bordes rasgados y cinta adhesiva en lugar de tarjetas redondeadas y fotos de stock.
No es para
- Marcas corporativas que necesitan un aspecto sobrio y minimalista; este diseño se apoya en bloques de color vivos y texturas de papel.
- Reservas o pagos en vivo: los formularios confirman en la propia página y no envían nada hasta que conectes un backend.
- Marcas basadas en superficies moradas o violetas; el lila aparece solo como un pequeño acento.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear página webCrear sitio de agenciaEstilo fijadoResultado editableSerif editorialAcordeón en bloques de colorRetratos recortadosPaisaje de papel pintadoCollage de papel rasgado
Acerca de esta Skill

Cuéntale a la Skill sobre tu estudio, sus principios, proyectos y personas, y construirá un sitio web completo en estilo collage: un Hero pequeño y centrado sobre negro encima de colinas de papel recortado pintadas, páginas en crema cálido, bloques de color planos y retratos recortados en blanco y negro. El ejemplo desarrollado es Commonfold Collective, un estudio ficticio de diseño cívico, con 20 rutas conectadas. El resultado predeterminado es un único archivo autónomo que se abre sin conexión en cualquier navegador.

Lo que obtienes
- Inicio con el Hero, el acordeón de principios, la franja de cita, la historia del equipo, cifras, el collage de proyectos, notas de socios y el diario
- Páginas interiores con contenido de verdad: casos de estudio con imágenes de detalle y cifras, páginas de miembros, entradas largas, servicios con formatos fijos, contacto y FAQ
- Bordes rasgados, cinta adhesiva y ligeras rotaciones que se enderezan al pasar el cursor, con apariciones suaves que se desactivan si se prefiere reducir el movimiento
- Newsreader y Figtree incrustadas en el archivo, así que nada se carga desde la red

Cómo usarlo
- Comparte tu nombre, una descripción de una línea, de tres a cinco principios, tus proyectos, equipo, entradas y datos de contacto.
- Tu agente rellena cada espacio de contenido, genera nuevas imágenes de collage en el mismo estilo y ejecuta las comprobaciones integradas.
- Recorre todas las páginas en escritorio y en móvil, y luego pide cambios con tus propias palabras.

Generar nuevas imágenes de collage puede generar cargos de uso de tu herramienta de imágenes. Todo lo que el brief no aporte se redacta como texto provisional y se te enumera para que lo confirmes.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del estudio, una descripción de una línea y de tres a cinco principios con un ejemplo cada uno · Proyectos con lo que necesita cada página, además de los miembros del equipo con sus roles y biografías breves · Entradas o noticias, servicios y precios, dirección, correo electrónico y horario
- 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 generación de imágenes en tu agente para las nuevas imágenes de collage
- Costos externos
- Generar las imágenes de collage con la herramienta de imágenes de tu agente puede generar cargos de uso de esa herramienta. Parte del arte neutro incluido (las colinas del Hero, las manos y dos imágenes del diario) se puede reutilizar sin costo.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









