Selección de Skillry
Landing page SaaS Quartzv1.0.4
Usa esta Skill para crear página web.
En auge
5.032 descargas1 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Sitio de marketing completo para un SaaS de IA, monocromo y sereno con un único azul. Hero centrado sobre un dashboard de producto con doble marco, maquetas de funciones animadas, pestañas por pasos, caso de cliente, carrusel de testimonios, seguridad, precios con tabla comparativa, FAQ y franja oscura de registro y pie con logotipo gigante. Incluye registro, inicio de sesión, demo, changelog, caso de cliente, centro de confianza y legales, en tema claro y oscuro.
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 SaaS de IA completo: inicio más registro, inicio de sesión, reserva de demo, changelog, caso de cliente, centro de confianza, privacidad, términos y una 404, en tema claro y oscuro
- Maquetas construidas en código que se mueven: una aprobación única en el dashboard del Hero, una reproducción de chat, cambios de canal, un carrusel de conectores y un globo de puntos
- Tipografía Onest y Geist Mono, un solo azul para los controles, una barra de navegación en píldora y un pie con un logotipo gigante, en un solo archivo que se abre sin conexión
Ideal para
- Fundadores e indie hackers que lanzan un producto de IA o SaaS y necesitan un sitio creíble con rutas de prueba, demo o lista de espera
- Product marketers que quieren el aspecto moderno y monocromo de startup sin un equipo de diseño
- Herramientas para desarrolladores y apps de agenda que pueden trasladar sus propios términos al dashboard, al panel de canales y a los pasos
No es para
- Autenticación o facturación reales: los formularios de registro, inicio de sesión y demo solo validan y confirman en la página
- Marcas que buscan un aspecto llamativo y colorido; Quartz es monocromo con un solo azul para los controles
- Agencias, tiendas o locales sin una interfaz de producto que mostrar; la página gira en torno a la UI del producto
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageEstilo fijadoResultado editableClaro primeroMockups BentoFooter con logotipo giganteMinimal monocromoNavegación en píldora
Acerca de esta Skill
Describe tu producto de IA y recibe un sitio de marketing terminado: un titular centrado y sereno sobre un dashboard de producto con doble marco, maquetas de funciones que se mueven de verdad, un caso de cliente, precios con tabla comparativa y una franja oscura de registro. Las páginas de registro, inicio de sesión, reserva de demo, changelog y confianza están conectadas, y todo llega en un solo archivo que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Un Hero con cuadrícula pulsante y un único cambio de estado discreto en el dashboard, una fila de logos que gira y un bento de funciones con maquetas animadas
- Una cuadrícula de ocho funciones, pestañas por pasos del brief a la publicación, un caso de cliente con contadores animados y un carrusel de testimonios con control de pausa
- Un bloque de seguridad, precios mensuales o anuales con tabla comparativa, FAQ y una franja de registro con validación
- Páginas de registro, inicio de sesión, reserva de demo, un changelog filtrable, caso de cliente, centro de confianza, legales y 404, además de temas claro y oscuro
- Onest y Geist Mono incrustadas junto con todas las imágenes, para que la página no haga ninguna petición de red
Cómo usarlo
- Dale a la Skill el nombre de tu producto, una promesa de una línea, cuatro funciones principales, la estructura de precios y la acción principal: prueba, demo o lista de espera.
- Renombra cada panel con los términos de tu producto, redacta el texto que falte y te lo lista para que lo confirmes.
- Abre el archivo en tema claro y oscuro, prueba cada formulario y ruta, y pide cambios con tus propias palabras.
Las fotos salen de la herramienta de imágenes de tu agente, que puede tener sus propios cargos de uso.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, una promesa de una línea y la acción principal (prueba, demo o lista de espera) · Cuatro funciones principales, el flujo de trabajo en tres a cinco pasos y tu estructura de precios · Opcional: un caso de cliente, testimonios, datos de seguridad y entradas de changelog que puedas confirmar
- 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 imágenes en tu agente para avatares, el retrato del caso de cliente e imágenes de producto; opcional si aportas las tuyas
- Costos externos
- Las fotos que no aportes se generan con la propia herramienta de imágenes de tu agente, lo que puede tener cargos por uso de esa herramienta. La interfaz del producto está construida en código y la página terminada no hace peticiones de red. Ver el ejemplo no cuesta nada.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…