
Galería de vista previa
Skills similares
Ver todas las SkillsLo que obtienes
- Un sitio de ejemplo terminado para Solvine, un asistente de agenda con IA ficticio: la landing page más registro, inicio de sesión, demo, acceso anticipado, changelog, privacidad, términos y una 404.
- UI de producto en vivo con tu vocabulario: un dashboard en el Hero con contadores animados, un flujo de solicitudes que se puede reproducir de nuevo, bandeja de entrada, globo giratorio, gráfico de insights, pestañas de configuración y un selector de precios.
- Tu sitio en un solo archivo que funciona sin conexión, con Instrument Sans y Geist Mono incrustadas, temas claro y oscuro, fotos editoriales y las reglas de estilo con las que trabaja tu agente.
Ideal para
- Fundadores que presentan un producto nuevo o una lista de espera y quieren animaciones que luzcan en un pitch o en un anuncio de lanzamiento.
- Herramientas de productividad, agenda o desarrollo cuya interfaz de producto puede contar la historia.
- Equipos pequeños que necesitan páginas de precios, changelog, registro y legales con el mismo estilo.
No es para
- Sitios que necesitan un CMS o un blog; crea una landing page con unas pocas páginas complementarias.
- Marcas que deben conservar su propio sistema de diseño; los neutros cálidos, los botones en tinta y los haces de luz son el producto.
- Registros o pagos reales: los formularios validan y confirman en la página, pero no envían nada hasta que conectes un servicio.
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear landing pageEstilo fijadoResultado editableHaces en movimientoBento GridNeutro limpioTema dual
Acerca de esta Skill

Describe tu producto y recibe una landing page de startup con personalidad: haces de luz cálidos en naranja dorado atraviesan el Hero y destellan sobre un dashboard de producto enmarcado, la barra de navegación se condensa en una píldora flotante y el pie se despide con tu nombre en letras gigantes. El ejemplo es Solvine, un asistente de agenda con IA ficticio para equipos con mucho trabajo.

Lo que obtienes
- Una landing page con Hero, logos de clientes, bento de funciones, guía de configuración, historia de enfoque, caso de cliente, testimonios, seguridad, precios, FAQ y una CTA de prueba o lista de espera
- Páginas complementarias de registro, inicio de sesión, demo, acceso anticipado, changelog, privacidad y términos, además de una página 404 diseñada
- Interfaz de producto dibujada en código y renombrada a tu producto: dashboard, flujo de solicitudes, bandeja de entrada, globo y gráfico de insights
- Temas claro y oscuro, fotos editoriales y fuentes incrustadas en un solo archivo que se abre sin conexión

Cómo usarlo
- Comparte el nombre de tu producto, qué hace, cuatro funcionalidades y tus planes; bastan unas notas sueltas.
- Tu agente renombra cada panel con el vocabulario de tu producto, añade fotos y revisa ambos temas en escritorio y móvil.
- Abre el archivo único, recorre las páginas y pide cambios con tus propias palabras.

Las fotos creadas con la herramienta de imágenes de tu agente pueden generar cargos de uso de esa herramienta; sin ella, se usan paneles diseñados y avatares con monograma en su lugar.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, qué hace y para quién, y el resultado principal que promete · Cuatro funcionalidades, tres pasos de configuración y de dos a cuatro planes con límites reales · Opcional: respuestas para la FAQ, citas de clientes, métricas del caso y fotos que puedas 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 · Una herramienta de generación de imágenes en tu agente para fotos editoriales y retratos (opcional; sin ella se usan paneles diseñados)
- Costos externos
- Las fotos editoriales y los retratos se generan con la herramienta de imágenes de tu propio agente, que puede generar cargos de uso. Sin herramienta de imágenes, se usan paneles diseñados y avatares con monograma.
- Última prueba
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…









