
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio web completo del club en un único archivo HTML autónomo que se abre sin conexión; el ejemplo de Cirrus Racquet Club tiene 24 rutas conectadas, con páginas de detalle de programas, entrenadores y eventos
- Herramientas de reserva y membresía: barra de reserva rápida en vivo, plano interactivo de las pistas, horario con plazas libres, buscador de planes, selector de facturación, disponibilidad de entrenadores y flujos de reserva e inscripción
- Una misma dirección de arte para todas las fotos, retratos de entrenadores a juego, tipografía Figtree y Geist Mono, y adaptación a tu propio framework si lo pides
Ideal para
- Clubes o estudios de tenis, pádel, natación, golf, yoga y fitness que venden membresías, clases y horas reservables
- Instalaciones que necesitan programas, entrenadores, eventos, instalaciones y páginas de reserva conectados, no solo una página de inicio
- Equipos que quieren un sitio independiente ya, o el mismo diseño construido en Next.js, React, Vue o Astro
No es para
- Un backend listo para usar: las reservas, inscripciones y pagos confirman en la página e indican claramente que no se reservó ni se cobró nada
- Marcas que quieren un aspecto oscuro o ilustrado: el diseño se apoya en fotografía luminosa de cielo y pistas
- Proyectos que quieren prescindir de la composición central: el contenedor redondeado, el Hero fotográfico, las tarjetas azul marino y la tarjeta de membresía azul son el diseño
Identidad de marca y sistemas visualesDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableHeroEntrenadorCanchaMembresía
Acerca de esta Skill

Describe tu club, tus programas, entrenadores y planes, y recibe un sitio web completo: un contenedor blanco redondeado, un Hero con foto de cielo y pista y una barra de reserva rápida, tarjetas de funciones azul marino, retratos de entrenadores coherentes y una membresía destacada en azul. Llega como un único archivo autónomo que se abre en cualquier navegador y funciona sin conexión.

Lo que obtienes
- Una familia de páginas completa: programas, entrenadores y eventos con sus propias páginas de detalle, membresías, inscripción, instalaciones, sobre nosotros, reservas, contacto, políticas y una página 404 diseñada
- Una barra de reserva rápida que responde en vivo y pasa tu elección a la página de reservas, más un plano interactivo de las pistas
- Un horario semanal con plazas libres y listas de espera, un buscador de planes, un selector de facturación y una tabla comparativa
- Formularios de reserva, inscripción, eventos, contacto y newsletter con validación en línea y estados de carga y éxito
- Si lo pides, el mismo diseño construido como componentes y rutas en tu propio stack

Cómo usarlo
- Comparte el nombre de tu club, la instalación, los programas, entrenadores, planes, precios y horarios; bastan unas notas rápidas, y los datos redactados se te listan para que los confirmes
- Aporta tus propias fotos, o deja que genere un conjunto a juego con un motivo por programa, entrenador y evento
- Abre el archivo terminado en tu navegador, recorre todas las páginas y pide cambios con tus propias palabras

Las fotos nuevas se generan con la herramienta de imagen de tu agente, que puede tener sus propios costos de uso. Las fuentes y las imágenes van incrustadas en el archivo terminado.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del club o la instalación, ubicación y una breve presentación · Programas, entrenadores, planes con precios, el horario y las páginas que necesitas · Fotos tuyas, o permiso para generar un nuevo conjunto a juego
- 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 tus propias fotos, para las imágenes de la instalación, los programas, los entrenadores y los eventos
- Costos externos
- Las fotos nuevas se generan con la herramienta de imagen de tu agente, que puede generar costos de uso. Las fotos tuyas no cuestan nada, y las instalaciones de raqueta pueden reutilizar algunas tomas neutras de pistas y del salón del ejemplo.
- Última prueba
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









