Cosa ottieni
- Un unico file HTML offline, oppure le stesse sezioni come componenti nel tuo progetto
- Una tela hero che esegue il flusso del tuo prodotto, incluso un nuovo tentativo e log in streaming
- Esploratore, libreria dei passi, grafici di osservabilità, schema local-first, prezzi e fascia di installazione
- Percorsi di documentazione, changelog, download, sicurezza, storia, iscrizione, accesso, contatti, note legali e 404
- Foto, loop di sfondo e card social opzionali generati con PopNow dopo un preventivo in crediti
Ideale per
- Strumenti di workflow, automazione e CI
- Strumenti per sviluppatori self-hosted o desktop e progetti open source
- Homepage di pipeline di dati, code di job e piattaforme di agenti
Non adatta a
- App consumer, negozi o portfolio
- Brand luminosi o colorati: la pagina è scura per prima cosa con un solo accento ciano
- Prodotti da mostrare con una foto o uno screenshot invece dell’interfaccia viva
Come usarla
In Claude o ChatGPT
Usa la skill PopNow “Landing page per automazione di workflow” (workflow-automation-landing-page) per questo: Costruisci la homepage per Relaypoint, un runner di job self-hosted per piccoli team di dati. Si installa con brew, winget o Docker. Piani: Community gratis, Team 18 $ a posto, Enterprise su richiesta.
In un agente di programmazione
/popnow-workflow-automation-landing-page Costruisci la homepage per Relaypoint, un runner di job self-hosted per piccoli team di dati. Si installa con brew, winget o Docker. Piani: Community gratis, Team 18 $ a posto, Enterprise su richiesta.
Poi prova
Trasforma le schede dell’esploratore in Code, Worker, Tentativi e Lettere morte.
Preventiva un loop lento della foto del server prima di generare qualsiasi cosa.
Cosa tenere pronto
- Nome del prodotto, promessa in una riga e cosa è un flusso nel tuo prodotto
- Tipi di trigger, runtime dei passi e come si installa
- Piani, prezzi e clienti, citazioni e fatti sulla sicurezza reali
- Facoltativo: un DESIGN.md, una chiave API PopNow o le tue foto
Skill simili
Vedi tutte →Creatore di avatar 3D
+3Crea nel browser un personaggio 3D tenero come un peluche e salvalo come PNG trasparente o pagina 3D.
Calendario heatmap
+3Un anno di attività quotidiana come griglia di calendario sfumata, con serie, totali e accesso da tastiera.
Landing page SaaS per l’AI
+3Carta sabbia calda, binari sottili e tratteggi attorno a una kanban dal vivo dove un assistente pianifica.
Sezione hero animata
+3Una hero per landing page con una parola del titolo che ruota con delicatezza, due pulsanti e un riquadro immagine largo.
Sito per agenzia creativa con hero shader
+3Hero shader WebGL dal vivo dietro un’affermazione in basso, navigazione a pillola e griglia di casi di studio.
Landing page SaaS scura
+3Un sito di marketing scuro e ricco di animazioni per un prodotto software, consegnato come un unico file HTML autonomo.
Sito portfolio per designer
+3Sei card inclinate attorno a un titolo sfumato su grigio calmo, una card ritratto rossa e casi di studio.
Sito portfolio per sviluppatori
+3Un sito personale scuro per ingegneri, con case study, articoli, talk, curriculum e modulo di contatto.
Sito SaaS editoriale
+3Hero diviso blu notte, titolo serif accanto a una foto documentaria, fasce inclinate e un accento cobalto.
Template sito glassmorphism
+3Pillole di vetro su fondo quasi nero, titolo serif enorme con una parola in corsivo e iscrizione via email.
Sito di prodotti hardware
+3Nomi dei modelli enormi e sottili su scatti da studio argentati, card di specifiche e una gamma in scala.
Diagramma di architettura interattivo
+3Un diagramma di sistema cliccabile e offline, costruito da un modello JSON verificato, con le evidenze dietro ogni riquadro.
Hero con griglia interattiva
+3Una griglia scura di fili sottili che si piega verso il cursore e fa partire un anello luminoso a ogni clic.
Esploratore di knowledge graph
+3Trasforma gli appunti di progetto in un grafo offline e ricercabile, dove ogni affermazione rimanda alla sua riga di origine.
Template dashboard KPI
+3Quattro KPI con variazioni, un grafico a linee, una tabella di dettaglio e barre obiettivo.
Landing page da mockup AI
+3Vedi prima tre progetti a pagina intera, scegline uno: il tuo agente lo costruisce come codice pulito.
Template sito web per rivista
+3Un sito di rivista con qualità da stampa, articoli, temi, un piccolo shop e abbonamenti, in un unico file HTML.
Hero con animazione di particelle
+3Testo su carta calda accanto a una sfera di punti inchiostro e verde acqua che cambia forma per ogni idea.
Sito personal brand
+3Un ritratto sfumato su carta calda sotto una sottile parentesi, con affermazioni leggere e grassetto ai lati.
Pagina di lancio cinematografica di prodotto
+3Pagina quasi nera in stile film: titolo serif su luci in movimento, scena notturna, modulo di prenotazione.
Template dashboard di amministrazione
+3Una console di back office funzionante con grafici, tabelle, kanban e calendario, in un unico file HTML offline.
Template landing page SaaS
+3Un sito di marketing chiaro e sobrio per un prodotto software, con console di prodotto funzionante, prezzi e iscrizione.
Sito portfolio in stile scrapbook
+3Un CV online su più pagine fatto di oggetti di carta, con case study e un curriculum stampabile.
Template sito e-commerce di sneaker
+3Un negozio completo di scarpe o abbigliamento con catalogo, pagine prodotto, carrello e checkout demo in un unico file HTML.
Domande
La tela nell’hero è uno screenshot?
No. È HTML e SVG guidati da array di dati: i tuoi passi, il loro collegamento e un’esecuzione scritta con un nuovo tentativo. Resta nitida in entrambi i temi, reagisce ai clic e mostra lo stato finale se il visitatore preferisce il movimento ridotto.
Cosa genera PopNow per questa pagina?
Solo le parti fotografiche: un ritratto del cliente e un’intestazione di storia, uno scatto di dettaglio, un set di avatar da un’unica immagine a griglia, un loop lento facoltativo della macchina su cui gira il prodotto e una card social facoltativa. Ogni esecuzione viene preventivata in crediti prima e parte solo dopo il tuo ok.
Posso usarla senza una chiave API PopNow?
Sì. I sostituti inclusi per la foto del runner e per gli avatar, le tue foto o una card di storia senza foto tengono completa ogni sezione, e la card social può essere costruita in HTML gratuitamente.
Il mio prodotto è un’API ospitata, non un’app desktop. Va bene lo stesso?
Sì. La sezione local-first diventa uno schema di dove vanno i dati, la fascia di installazione per sistema operativo diventa schede di installazione per SDK, e la rotta di download diventa una pagina di SDK o integrazioni.