
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un ejemplo de 31 rutas para Loudish, un estudio ficticio de Bristol: seis casos de estudio, cinco sectores, cuatro servicios, proceso, precios, estudio, tres artículos del blog, FAQ, contacto y una página 404.
- Piezas que funcionan: stickers del Hero que se pueden arrastrar, filtros de trabajos con búsqueda y orden, pestañas de proceso, un carrusel de citas, un selector de precios y una calculadora de presupuesto que rellena el formulario de contacto.
- Un único archivo autónomo con Bricolage Grotesque e Instrument Sans incrustadas, un plan de ilustraciones, una guía de estilo y comprobaciones integradas de nombres de ejemplo sobrantes.
Ideal para
- Estudios de marca, web y diseño que quieren un sitio cercano con casos de estudio reales y precios publicados.
- Estudios de yoga, cerámica u otros basados en clases que pueden convertir los servicios en clases y los precios en bonos.
- Freelancers o pequeños despachos que quieren proyectos, precios y un flujo de consultas en un sitio desenfadado.
No es para
- Empresas corporativas que necesitan una imagen sobria; los stickers y los tonos vivos son la gracia.
- Recibir consultas o pagos reales: los formularios confirman en la página y no envían nada hasta que conectes un backend.
- Marcas que necesitan acentos morados o un tema oscuro; el diseño es un fondo crema cálido con stickers rosa, verde, naranja y amarillo.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear sitio de agenciaEstilo fijadoResultado editableAgencia: quiénes somosHero de agenciaStickers de agenciaSticker rosa
Acerca de esta Skill

Dale a la Skill los servicios, precios y proyectos de tu estudio y crea un sitio web alegre y completo: fondo crema cálido, mayúsculas centradas y contundentes, un montón de stickers troquelados bajo el Hero y una sola familia de ilustraciones planas para los trabajos. El ejemplo es Loudish, un estudio ficticio de Bristol, con 31 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 de stickers, logotipos de clientes, declaración sobre el estudio, bento de servicios, cuadrícula de trabajos, pestañas de proceso, citas, FAQ, blog y un panel verde de CTA
- Casos de estudio con brief, respuesta, entregables, sistema de marca, una segunda ilustración, una cita del cliente y créditos
- Precios con selector por proyecto o mensual, tabla comparativa y calculadora de presupuesto, además de páginas de proceso, estudio, blog, FAQ y contacto
- Bricolage Grotesque e Instrument Sans incrustadas en el archivo, para que nada se cargue desde la red

Cómo usarlo
- Comparte el nombre de tu estudio, los servicios con precios, los proyectos, el equipo, la dirección y los datos de contacto.
- Tu agente rellena las colecciones, genera ilustraciones en un mismo estilo y revisa cada ruta y enlace.
- Prueba los filtros, la calculadora de presupuesto y los formularios en escritorio y móvil, y luego pide cambios.

Las ilustraciones generadas pueden conllevar cargos por uso de tu herramienta de imagen. Los formularios confirman en la página e indican que no se ha enviado nada hasta que conectes un backend.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del estudio, una descripción en una línea y el titular del Hero que quieras · Servicios con precios, proyectos con lo que necesita cada página de caso, y tu equipo · Dirección, email, teléfono, horario y cualquier ilustración que sea tuya
- 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, o ilustraciones propias, para las ilustraciones nuevas
- Costos externos
- Generar ilustraciones con la herramienta de imagen de tu agente puede conllevar los cargos por uso de esa herramienta. Las ilustraciones propias y las ilustraciones reutilizables de servicios y blog no cuestan nada extra.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









