Qué obtienes
- Un archivo HTML sin conexión, o las mismas secciones como componentes en tu proyecto de framework
- Un lienzo de héroe que ejecuta el flujo propio del producto, con un reintento y registros en streaming
- Explorador, biblioteca de pasos, gráficos de observabilidad, diagrama local-first, precios y banda de instalación
- Rutas de documentación, changelog, descarga, seguridad, historia, registro, acceso, contacto, legal y 404
- Fotos, bucle de fondo y tarjeta social opcionales generados con PopNow tras presupuestar en créditos
Ideal para
- Herramientas de flujos de trabajo, automatización y CI
- Herramientas de desarrollo autoalojadas o de escritorio y proyectos de código abierto
- Páginas de inicio de tuberías de datos, colas de tareas y plataformas de agentes
No es para
- Apps de consumo, tiendas o portafolios
- Marcas vivas o coloridas: la página es oscura con un único acento cian
- Productos que deben mostrarse como foto o captura en lugar de interfaz en vivo
Cómo usarlo
En Claude o ChatGPT
Usa el skill de PopNow «Landing page de automatización de flujos» (workflow-automation-landing-page) para esto: Haz la portada de Relaypoint, un ejecutor de tareas autoalojado para pequeños equipos de datos. Se instala con brew, winget o Docker. Planes: Community gratis, Team 18 $ por puesto, Enterprise a consulta.
En un agente de programación
/popnow-workflow-automation-landing-page Haz la portada de Relaypoint, un ejecutor de tareas autoalojado para pequeños equipos de datos. Se instala con brew, winget o Docker. Planes: Community gratis, Team 18 $ por puesto, Enterprise a consulta.
Luego prueba
Convierte las pestañas del explorador en Colas, Workers, Reintentos y Tareas fallidas.
Presupuesta un bucle lento de la foto del servidor antes de generar nada.
Qué tener a mano
- Nombre del producto, promesa en una línea y qué es un flujo en tu producto
- Tipos de disparadores, entornos de ejecución de los pasos y cómo se instala
- Planes, precios y cualquier cliente, cita o dato de seguridad real
- Opcional: un DESIGN.md, una clave de API de PopNow o tus propias fotos
Skills similares
Ver todos →Creador de avatares 3D
+3Crea un adorable personaje 3D de peluche en tu navegador y guárdalo como PNG transparente o como página 3D.
Mapa de calor de calendario
+3Un año de actividad diaria en una cuadrícula de calendario sombreada, con rachas, totales y acceso por teclado.
Landing page de SaaS con IA
+3Papel arena cálido y guías finas alrededor de un tablero kanban en vivo donde un asistente planifica tareas.
Sección hero animada
+3Un hero de landing page con una palabra del titular que rota suavemente, dos botones y un marco ancho para imagen.
Web de agencia creativa con héroe shader
+3Un héroe shader vivo en naranja tras un titular anclado abajo, navegación en píldora y casos en cuadrícula.
Landing page SaaS oscura
+3Una web de marketing oscura y llena de movimiento para un producto de software, entregada como un único archivo HTML autónomo.
Web de portafolio para diseñadores
+3Seis tarjetas inclinadas flotan alrededor de un titular que se desvanece, con una tarjeta de retrato roja.
Web de portfolio para desarrolladores
+3Una web personal oscura para ingenieros con casos de estudio, artículos, charlas, currículum y formulario de contacto.
Web SaaS de estilo editorial
+3Héroe dividido en azul marino, titular serif junto a una foto documental y un acento cobalto.
Plantilla web de glassmorphism
+3Píldoras de cristal esmerilado sobre fondo casi negro, titular serif enorme y captura de correo.
Web de producto de hardware
+3Nombres de modelo enormes y finos sobre fotos de estudio plateadas y tarjetas de especificaciones.
Diagrama de arquitectura interactivo
+3Un diagrama de sistema offline y clicable, creado a partir de un modelo JSON validado, con la evidencia detrás de cada caja.
Héroe con cuadrícula interactiva
+3Una cuadrícula oscura de hilos finos que se inclina hacia el cursor y lanza un anillo luminoso con cada clic.
Explorador de grafos de conocimiento
+3Convierte notas de proyecto en un grafo offline y con búsqueda donde cada afirmación enlaza con su línea de origen.
Plantilla de panel de KPIs
+3Cuatro KPIs con indicadores de cambio, gráfico de líneas, desglose y barras de objetivo.
Landing page desde maquetas de IA
+3Ve tres diseños de página completa primero, elige uno y tu agente lo construye como código limpio y adaptable.
Plantilla web para revistas
+3Una web de revista con calidad de imprenta, con artículos, temas, una pequeña tienda y suscripciones, en un único archivo HTML.
Héroe con animación de partículas
+3Texto sobre papel cálido junto a una esfera de puntos que cambia con cada idea.
Web de marca personal
+3Retrato fundido con papel cálido bajo un corchete fino, con afirmaciones a cada lado.
Página de lanzamiento de producto cinematográfica
+3Página oscura con iluminación de cine: titular serif, escena nocturna y formulario de reserva.
Plantilla de dashboard de administración
+3Una consola de back office funcional con gráficos, tablas, kanban y calendario, en un único archivo HTML offline.
Plantilla de landing page SaaS
+3Una web de marketing tranquila y luminosa para un producto de software, con consola de producto funcional, precios y registro.
Web de portfolio estilo scrapbook
+3Un CV online de varias páginas hecho con objetos de papel, con casos de estudio y un currículum imprimible.
Plantilla web de tienda de zapatillas
+3Una tienda completa de calzado o ropa con catálogo, páginas de producto, cesta y checkout de demostración en un único HTML.
Preguntas
¿El lienzo del héroe es una captura de pantalla?
No. Es HTML y SVG dirigidos por matrices de datos: tus pasos, sus conexiones y una ejecución guionizada con un reintento. Se mantiene nítido en ambos temas, reacciona a los clics y muestra el estado final cuando el visitante prefiere el movimiento reducido.
¿Qué genera PopNow para esta página?
Solo las partes fotográficas: un retrato de cliente y una cabecera de historia, una foto de detalle, un juego de avatares a partir de una imagen en cuadrícula, un bucle lento opcional de la máquina en la que corre el producto y una placa de tarjeta social opcional. Cada ejecución se presupuesta primero en créditos y empieza solo cuando aceptas.
¿Puedo usarla sin clave de API de PopNow?
Sí. La foto del ejecutor y los avatares incluidos, tus propias fotos o una tarjeta de historia sin foto mantienen completa cada sección, y la tarjeta social puede construirse desde HTML gratis.
Mi producto es una API alojada, no una app de escritorio. ¿Sigue encajando?
Sí. La sección local-first se convierte en un diagrama de adónde van los datos, la banda de instalación por sistema operativo pasa a ser pestañas de instalación de SDK, y la ruta de descarga pasa a ser una página de SDK o integraciones.

