
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de ejemplo terminado de 30 rutas para Wander North: ocho páginas de rutas, tres perfiles de guías, tres artículos, reserva, FAQ, contacto, un test y una página 404 diseñada, con 20 fotografías.
- Controles que funcionan: búsqueda en el Hero con coincidencias en directo, filtros y ordenación de rutas, un panel de reserva con total acumulado y depósito, formularios validados y un menú móvil con foco atrapado.
- Tu propio sitio como un archivo sin conexión con las fuentes Geist incrustadas, además de las reglas de estilo, el plan de imágenes con prompts, el sistema de movimiento y la lista de control de calidad con que trabaja tu agente.
Ideal para
- Operadores de rutas a pie, en bici o de esquí y refugios de montaña que quieren un sitio web sereno y centrado en la fotografía.
- Pequeñas marcas de viajes que necesitan muchas páginas reales (viajes, guías, historias, reservas) en lugar de una sola landing page.
- Fundadores que quieren un sitio que puedan abrir, revisar y alojar como un único archivo sin configurar un build.
No es para
- Reservas o pagos reales: los formularios validan y confirman en la página, pero no envían nada hasta que conectes un servicio real.
- Marcas que quieren un estilo oscuro, neón o muy animado; este diseño es claro, fotográfico y sereno.
- Sitios sin fotografía: el Hero, las tarjetas de rutas y el collage dependen de buenas fotos de paisajes y personas.
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableCollage alpinoHero alpinoBúsqueda alpinaQuiz de datos
Acerca de esta Skill

Convierte tus viajes, guías e historias en un sitio de viajes de montaña completo: una foto de valle a sangre, una palabra blanca gigante y una barra de búsqueda de vidrio oscuro unida a la parte inferior del Hero. El ejemplo es Wander North, una empresa ficticia de senderismo en grupos reducidos con 30 páginas conectadas y 20 fotografías de una misma dirección de arte.

Lo que obtienes
- Inicio, rutas con filtros, ocho páginas de rutas, experiencias, retiros, guías, blog, sobre nosotros, contacto, FAQ, newsletter, reserva, un test de tres preguntas y una página 404 diseñada
- Una búsqueda en el Hero cuyos filtros muestran en directo el número de coincidencias y se trasladan a la página de rutas
- Páginas de ruta con perfil de altitud, un plan día a día y un panel de reserva que suma el total y el depósito
- Movimiento sereno, fuentes y fotos incrustadas, y un sitio que funciona sin conexión y en móviles
- Una lista de control de calidad que tu agente revisa antes de entregarte el sitio

Cómo usarlo
- Comparte el nombre de tu empresa, viajes, guías, historias y precios; todo lo que falte se redacta como texto provisional claramente marcado.
- Tu agente genera o coloca las fotos, rehace cada página en torno a tu contenido y revisa cada una en anchos de escritorio y de móvil.
- Abre el archivo único que te entrega, recorre las páginas y pide cambios con tus propias palabras.

Los formularios confirman en la propia página y nunca simulan una reserva o un pago reales. Las fotos nuevas creadas con la herramienta de imagen de tu agente pueden tener los costos de uso de esa herramienta.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre de la empresa, región y el tipo de viajes que organizas · Tus rutas, guías e historias con fechas, precios y descripciones breves · Tus propias fotos, o permiso para que tu agente las genere
- 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 fotos nuevas, o fotos que aportes tú
- Costos externos
- Las fotos nuevas se generan con la propia herramienta de imagen de tu agente, que puede tener costos de uso. Aportar tus propias fotos lo evita, y ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…








