Selección de Skillry
Landing page de marketing Cadencev1.0.3
Usa esta Skill para crear landing page.
Popular
5.0179 descargas5 me gusta6 guardados
Gratis
Crea un sitio de marketing SaaS oscuro y lleno de movimiento con una sola historia de producto: fondo carbón, un acento cian, titulares con degradado gris a blanco y una pantalla de producto que se endereza al hacer scroll. Tarjetas animadas, flujo guiado por scroll, clientes con retratos, integraciones, seguridad, precios y FAQ llevan a una laptop que se abre, con changelog, caso de cliente, login y páginas legales. Un solo archivo autónomo que funciona sin conexión.
Elegida con más frecuencia por
Actualizada el 3 oct 2026
Galería de vista previa
Skills similares
Ver todas las Skills
Lo que obtienes
- Un sitio de marketing oscuro completo: Hero de producto, tarjetas de funciones animadas, un flujo de trabajo guiado por el scroll, apartado de clientes, integraciones y seguridad, precios con selector de facturación, FAQ y una sección de registro
- Páginas interiores que funcionan: un changelog con filtros y búsqueda, un caso de cliente, inicio de sesión y páginas legales, además de formularios con validación y estados de éxito
- Pantallas de producto integradas en la página y adaptadas a tu producto, tipografía Geist y retratos de clientes generados, todo incrustado en un solo archivo sin conexión
Ideal para
- Fundadores que lanzan un SaaS o una herramienta para desarrolladores y quieren una página oscura que parezca financiada desde el primer día
- Product marketers que necesitan un sitio de lanzamiento completo con precios, pruebas sociales, FAQ y un changelog listos para una campaña
- Equipos sin capturas de pantalla pulidas: cada pantalla de producto está integrada en la página y adaptada a tu producto
No es para
- Marcas que quieren un aspecto claro y aireado: Cadence solo existe en modo oscuro
- Registro o facturación reales: los formularios validan y confirman en la página, pero no envían nada a ningún sitio
- Blogs, portales de documentación u otros sitios con mucho contenido: es un sitio de marketing de producto con algunas páginas de apoyo, no un CMS
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear landing pageEstilo fijadoEnfocado en conversiónAcento cianTipografía degradadaCarbón oscuroMockups de dispositivos en CSSMovimiento al hacer scroll
Acerca de esta Skill
Landing page de marketing Cadence crea un sitio de marketing SaaS oscuro en el que el propio producto es la imagen principal. Un fondo carbón, un único acento cian y titulares con degradado de gris a blanco sostienen una historia continua desde la primera pantalla hasta el registro, con changelog, caso de cliente, inicio de sesión y páginas legales detrás. El ejemplo es Loopwright, una plataforma ficticia de feedback de clientes.
Lo que obtienes
- Una página de inicio en un solo flujo: tarjeta de producto en el Hero, carrusel de logotipos, tarjetas de funciones animadas, un escenario de flujo de trabajo guiado por el scroll, un apartado de clientes con retratos, integraciones y seguridad, precios, FAQ y una sección de registro con una laptop cuya tapa se abre al hacer scroll
- Páginas de apoyo: un changelog filtrable, un caso de cliente con tres cifras atribuidas, inicio de sesión y páginas legales
- Pantallas de producto integradas en la página y adaptadas a tu producto, para que una misma solicitud estrella recorra toda la historia
- Un selector de facturación, tabla comparativa, FAQ, Tabs, menú móvil y formularios con validación y estados de éxito que funcionan
- Tipografía Geist y Geist Mono y retratos generados, incrustados en un solo archivo que se abre en cualquier navegador y funciona sin conexión
Cómo usarlo
- Comparte el nombre de tu producto, qué hace, el flujo de trabajo principal de tus clientes y unos precios aproximados; con notas basta.
- Tu agente adapta las tarjetas de funciones y el flujo de trabajo a tu producto, genera los retratos y rellena cada sección y página.
- Abre el archivo en el navegador, recorre cada página y formulario, y pide cambios de texto o de secciones con tus propias palabras.
Los retratos salen de la herramienta de imagen de tu agente cuando hay una disponible, lo que puede tener los costos de uso de esa herramienta. Todo lo que el brief no incluya se convierte en texto provisional que el agente te lista para que lo confirmes.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, qué hace y una idea de titular centrada en el resultado · De 4 a 5 capacidades, los pasos principales del flujo de trabajo y niveles de precio aproximados · Citas de clientes, cifras de casos, integraciones y datos de seguridad que puedas afirmar con honestidad (opcional; lo que falte se convierte en marcadores de posición 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 los retratos de clientes y las fotos del caso (opcional; sin ella la página mantiene avatares con iniciales)
- Costos externos
- Los retratos de clientes y las fotos del caso se generan con la herramienta de imagen de tu agente cuando hay una disponible, lo que puede tener los costos de uso de esa herramienta. Si no la hay, la página mantiene avatares con iniciales y el agente lista los huecos que necesitan fotos. Nada más usa un servicio de pago.
- Última prueba
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…