Landing page de cristal líquidov1.0.3
Usa esta Skill para crear página web.
En auge
5.035 descargas1 me gusta1 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Crea una landing page oscura de cristal esmerilado con un Hero cinematográfico, una captación de email enfocada y una narrativa editorial contenida. Píldoras de cristal que atrapan la luz en sus bordes sobre un fondo casi negro, un titular serif enorme con una palabra en cursiva y el producto mostrado como una vista previa de email en vivo con un gráfico. Le siguen precios, FAQ, una captación final y páginas de edición de muestra, archivo, manifiesto, suscripción, inicio de sesión y legales. Por defecto es un único archivo autónomo que se abre 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
- Una landing page con alrededor de una docena de secciones para la ficticia Nightfold, desde el Hero de cristal y la vista previa de email en vivo hasta los precios, FAQ, la captación final y un pie con logotipo fantasma.
- Siete rutas: una edición de muestra con muro de pago, un archivo con búsqueda y filtros, manifiesto, suscripción, inicio de sesión, privacidad y términos, y una 404 diseñada.
- Formularios de captación que funcionan, selector de bandeja de entrada, precios mensuales o anuales con selector de plazas, carrusel de notas de lectores y cuenta atrás, con cuatro tipografías incrustadas en un único archivo sin conexión.
Ideal para
- Newsletters, listas de espera, betas privadas y campañas de lanzamiento cuyo objetivo principal es captar direcciones de email.
- Fundadores que quieren el estilo de cristal negro sin ajustar a mano desenfoques, bordes y brillos.
- Productos que se pueden mostrar como una pantalla real, como un email, una vista de app o un changelog, en lugar de una foto de stock.
No es para
- Marcas luminosas, coloridas o basadas en ilustración; el diseño es solo oscuro, sin color de acento.
- Enviar emails reales desde el primer momento: los formularios de captación, suscripción e inicio de sesión confirman en la página hasta que conectes tu servicio de email.
- Sitios de contenido grandes con muchos niveles de navegación; es una página de conversión con unas pocas rutas de apoyo.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageEstilo fijadoEnfocado en conversiónCinematográficoGlassmorphismMonocromo oscuroLiquid GlassSerif display
Acerca de esta Skill
Convierte un nombre y una promesa en una landing page oscura que parece cristal esmerilado sobre una película: píldoras de cristal que atrapan la luz, un titular serif enorme con una palabra en cursiva y una captación de email en primer plano. El ejemplo desarrollado es la newsletter ficticia Nightfold, con una vista previa de email en vivo, precios de membresía y siete rutas que funcionan. El resultado por defecto es un único archivo autónomo que se abre sin conexión en cualquier navegador.
Lo que obtienes
- Una cabecera de píldora de cristal, un Hero cinematográfico con captación de email, una vista previa de email en vivo con gráfico, una franja de datos y una sección dividida sobre el método
- Un selector de ediciones, editores, notas de lectores, precios de membresía con selector mensual o anual, ediciones recientes, FAQ y una captación final con cuenta atrás
- Páginas de edición de muestra, archivo, manifiesto, suscripción, inicio de sesión y legales, además de una 404 diseñada
- Instrument Serif, Newsreader, Geist y Geist Mono incrustadas, sin ninguna petición de red
Cómo usarlo
- Comparte tu nombre, qué es el producto, qué obtiene la gente al suscribirse, la periodicidad, los precios y las personas que hay detrás.
- Tu agente completa las secciones, muestra tu producto como una pantalla en vivo en el panel de cristal y crea imágenes oscuras o usa tu propio metraje para el Hero.
- Abre la página, prueba los formularios de captación, el selector de precios y los filtros del archivo, y luego pide cambios.
Las imágenes generadas pueden tener cargos por uso de tu herramienta de imágenes. Los formularios confirman en la página y no envían nada hasta que conectes tu propio servicio de email.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre, qué es el producto y qué obtiene el visitante al suscribirse · Periodicidad o fecha de lanzamiento, precios o niveles, algunos datos honestos y las personas que hay detrás · Opcional: tu propio metraje oscuro para el Hero y fotos del equipo
- 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; sin ella, los marcos multimedia reciben superficies oscuras de marcador
- Costos externos
- Generar las imágenes oscuras con la herramienta de imágenes de tu agente puede tener cargos por uso de esa herramienta. Sin herramienta de imágenes, la página se construye igualmente, con superficies oscuras de marcador en cada marco multimedia.
- Última prueba
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…