Landing page SaaS Beaconv1.0.4
Usa esta Skill para crear landing page.
Popular
5.0117 descargas1 me gusta3 guardados
Gratis
Un sitio de marketing SaaS sereno en neutros cálidos, con un suave haz de luz azul, titulares en degradado, un Hero centrado y tu producto como consola en vivo en lugar de una captura. Debajo: funciones, tour por pestañas, pasos de configuración, casos de clientes, precios mensuales o anuales con comparativa, seguridad y FAQ, más registro, acceso, ventas, novedades, estado, legales y 404. Temas claro y oscuro completos; todos los enlaces y formularios funcionan.
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 completo en un único archivo HTML autónomo que se abre sin conexión en cualquier navegador: la landing page más las páginas de registro, inicio de sesión, contacto con ventas, novedades, estado, legales y 404
- Una consola de producto en vivo reconstruida con el vocabulario de tu propio producto, con selector de rango, tooltips en gráficos, contadores en directo y una cronología de incidencias, en lugar de una captura estática
- Tipografía Geist, un haz azul, superficies en neutros cálidos, temas claro y oscuro completos y formularios con validación, estados de carga y de éxito; en tu propio proyecto, el mismo diseño en tu stack
Ideal para
- Fundadores e indie hackers que necesitan esta misma semana un sitio de marketing SaaS creíble con precios, registro y novedades
- Herramientas para desarrolladores, monitorización, APIs y productos de infraestructura que quieren mostrar el propio producto como una interfaz que funciona
- Responsables de marketing de producto que quieren iterar los textos de posicionamiento directamente sobre una página con aspecto terminado
No es para
- Sitios que necesitan un CMS, un blog o cuentas reales: los formularios de registro y contacto confirman en la página, y conectar un backend depende de ti
- Marcas que deben seguir un sistema de diseño existente: los neutros cálidos, el haz azul único y los titulares en degradado son la esencia del producto
- Marcas de consumo o lifestyle que se apoyan en la fotografía: las imágenes se limitan a un caso de cliente, testimonios, una foto editorial y una foto del equipo
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableEntrega rápidaMinimalistaAcento luminosoTipografía degradadaNeutro suave
Acerca de esta Skill
Describe tu producto y recibe un sitio de marketing SaaS completo: superficies en neutros cálidos, un suave haz de luz azul, titulares en degradado y tu producto mostrado como una consola en vivo en lugar de una captura. Llega como un único archivo autónomo que se abre en cualquier navegador y funciona sin conexión.
Lo que obtienes
- Una landing page con bento de funciones, consola de producto en vivo, tour por pestañas, pasos de configuración, caso de cliente y testimonios, precios con tabla comparativa, seguridad, FAQ y un CTA de cierre
- Páginas de registro, inicio de sesión, contacto con ventas, novedades, estado, privacidad, términos y 404, todas enlazadas y funcionando
- Temas claro y oscuro completos, apariciones suaves al hacer scroll y un movimiento que se desactiva para quienes prefieren movimiento reducido
- Formularios que validan en línea y muestran estados de carga y de éxito, además de filtros y búsqueda en las novedades
- Dentro de tu propio proyecto, el mismo diseño construido como componentes en tu stack
Cómo usarlo
- Indica el nombre de tu producto, qué hace, tus planes y cualquier cliente o cita que puedas usar; con unas notas rápidas basta
- Deja que elija las secciones y páginas, o nombra las que quieres; todo lo que no aportes se redacta y se te lista para que lo confirmes
- Abre el archivo final en tu navegador y pide cambios de textos, secciones o precios con tus propias palabras
Las fotos se generan con la herramienta de imagen de tu agente, que puede tener sus costos de uso; si no la hay, la página recurre a iniciales y tarjetas de producto. Las fuentes y las imágenes van incrustadas, así que el archivo final no hace peticiones de red.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, qué hace y para quién, entre 4 y 6 capacidades, y entre 2 y 4 planes con límites reales (con unas notas rápidas basta) · Opcional: nombres de clientes, citas, cifras y fotos que tengas permiso para usar
- 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 · Opcional: una herramienta de generación de imágenes en tu agente para las fotos de cliente, editoriales, de testimonios y del equipo
- Costos externos
- Las fotos se generan con la propia herramienta de imagen de tu agente, que puede tener costos de uso. Sin ella, el sitio se genera igualmente: los testimonios usan iniciales, la foto editorial se convierte en una tarjeta de producto y la foto del equipo se elimina.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…