Landing page de automatización Fluxonv1.0.6
Usa esta Skill para crear página web.
En auge
5.032 descargas2 me gusta0 guardados
$4.99
¿Qué obtengo al comprar esta Skill?Un sitio de marketing oscuro por defecto para una plataforma de automatización, herramienta de escritorio para devs o producto open source: grises casi negros, un único acento cian, un titular sobrio en dos líneas y un lienzo de flujos en vivo que se ejecuta, reintenta un paso fallido y transmite sus logs. Le siguen paneles interactivos de triggers, scripts, reintentos e historial, gráficas de observabilidad, un diagrama local-first, caso de cliente, precios e instalación por SO, más docs, changelog, descarga, seguridad, registro, contacto y legales en tema oscuro y claro.
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 completo de herramienta para desarrolladores en un único archivo HTML autónomo que funciona sin conexión: inicio, docs, changelog, descarga, seguridad, caso de cliente, registro, inicio de sesión, contacto, legales y 404
- Una interfaz de producto que funciona: un lienzo de flujos que se ejecuta y se reproduce, nodos clicables, interruptores de triggers, una política de reintentos ajustable, historial de ejecuciones filtrable, gráficas con cambio de rango y un log en vivo
- Grises neutros oscuros por defecto con un único acento cian, un tema claro completo, Hanken Grotesk y JetBrains Mono incrustadas, y fotos solo para el caso de cliente, el runner y los avatares
Ideal para
- Equipos que lanzan una app de escritorio, una CLI, una plataforma de automatización o una herramienta open source para desarrolladores y quieren un sitio oscuro creíble sin trabajo de diseño
- Productos cuya ventaja es más fácil de mostrar que de describir, como ejecuciones, reintentos, logs y ejecución local
- Desarrolladores que quieren un sitio independiente ya, o el mismo diseño llevado a su propio proyecto Next.js, React, Vue, Svelte o Astro
No es para
- Marcas que necesitan un look claro por defecto: el tema claro está completo, pero el diseño se construye primero en oscuro
- Equipos que necesitan de serie un sitio gestionado por CMS o multilingüe
- Quien espere logos de clientes o prensa reales: cada marca, persona, cita y cifra es ficticia hasta que la reemplaces
Lanzamiento de producto y crecimiento de appsDiseño web y experiencias digitalesCrear página webCrear landing pageGenerar plantilla webEstilo fijadoResultado editableFlujo guiadoAcento cianOscuro primeroPaneles de gráficosHero con lienzo de nodosTextura de grano
Acerca de esta Skill
Describe tu herramienta para desarrolladores y recibe un sitio de producto sereno y oscuro por defecto, donde el producto se explica solo: un titular sobrio en dos líneas sobre un lienzo de flujos que se ejecuta, reintenta un paso fallido y transmite sus logs. 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 un explorador de flujos por pestañas, un riel con la biblioteca de pasos, gráficas de observabilidad, un diagrama local-first, una sección de flujos como código, caso de cliente, precios con tabla comparativa, FAQ y una sección de instalación por sistema operativo
- Páginas de docs, changelog, descarga, seguridad, caso de cliente, registro, inicio de sesión, contacto, privacidad, términos y 404
- Paneles de producto interactivos: interruptores de triggers, una política de reintentos que puedes ajustar y simular, historial de ejecuciones con filtros y búsqueda, y un log en vivo
- Grises casi negros con un único acento cian, un brillo suave y grano fino, además de un tema claro completo
- Dentro de tu propio proyecto, el mismo diseño construido como componentes y rutas en tu stack
Cómo usarlo
- Comparte el nombre de tu producto, qué significa un flujo en él, los tipos de trigger, dónde se ejecuta, cómo se instala, tus planes y la llamada a la acción
- Reconstruye el lienzo, el explorador y la documentación en torno a tus propios pasos y comandos, y enumera cualquier dato de clientes, precios o seguridad que haya tenido que redactar
- Abre el archivo terminado en tu navegador y pide cambios con tus palabras, como tres niveles de precios u otras pestañas en el explorador
Las fotos de clientes y avatares se generan con la herramienta de imágenes de tu agente, que puede tener sus propios cargos de uso. Las fuentes y las imágenes quedan incrustadas en el archivo final.
Lo que necesitas antes de empezar
- Tú aportas
- Nombre del producto, promesa en una línea, qué es un flujo en tu producto y dónde se ejecuta · Tipos de trigger, runtimes o integraciones, la ruta de instalación, planes y precios, y el CTA (descarga, registro, prueba o estrella)
- 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 del caso de cliente, el runner y los avatares
- Costos externos
- Las fotos del caso de cliente, la toma del runner y los avatares se generan con la herramienta de imágenes de tu propio agente, que puede tener sus propios cargos de uso. Sin ella, se usan tus propias fotos o huecos de imagen claramente etiquetados.
- Última prueba
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Reseñas de usuarios
Cargando reseñas…