Das bekommst du
- Eine Offline-HTML-Datei oder dieselben Abschnitte als Komponenten in deinem Framework-Projekt
- Ein Hero-Canvas, der den eigenen Ablauf des Produkts ausführt, inklusive Wiederholung und Log-Stream
- Explorer, Schritt-Bibliothek, Beobachtungsdiagramme, Local-first-Diagramm, Preise und ein Installationsband
- Doku-, Changelog-, Download-, Sicherheits-, Geschichte-, Anmelde-, Kontakt-, rechtliche Seiten und 404
- Optional Fotos, eine Hintergrundschleife und eine Social Card, mit PopNow nach einem Credit-Angebot erzeugt
Gut für
- Workflow-, Automatisierungs- und CI-Werkzeuge
- Selbst gehostete oder Desktop-Entwicklerwerkzeuge und Open-Source-Projekte
- Startseiten für Datenpipelines, Job-Warteschlangen und Agenten-Plattformen
Nicht für
- Consumer-Apps, Shops oder Portfolios
- Helle oder bunte Marken: die Seite ist dunkel mit einem cyanfarbenen Akzent
- Produkte, die als Foto oder Screenshot statt als lebende Oberfläche gezeigt werden sollten
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Landingpage für Workflow-Automatisierung“ (workflow-automation-landing-page) dafür: Baue die Startseite für Relaypoint, einen selbst gehosteten Job-Runner für kleine Datenteams. Installation mit brew, winget oder Docker. Tarife: Community kostenlos, Team 18 $ pro Platz, Enterprise auf Anfrage.
In einem Coding-Agent
/popnow-workflow-automation-landing-page Baue die Startseite für Relaypoint, einen selbst gehosteten Job-Runner für kleine Datenteams. Installation mit brew, winget oder Docker. Tarife: Community kostenlos, Team 18 $ pro Platz, Enterprise auf Anfrage.
Dann probier
Mach aus den Explorer-Tabs Warteschlangen, Worker, Wiederholungen und Dead Letters.
Nenn mir den Preis für eine langsame Schleife des Serverfotos, bevor du etwas erzeugst.
Das solltest du bereithalten
- Produktname, einzeiliges Versprechen und was ein Ablauf in deinem Produkt ist
- Auslösertypen, Laufzeiten der Schritte und wie es installiert wird
- Tarife, Preise und echte Kunden, Zitate und Sicherheitsfakten, falls vorhanden
- Optional: ein DESIGN.md, ein PopNow-API-Schlüssel oder eigene Fotos
Ähnliche Skills
Alle ansehen →3D-Avatar-Maker
+3Baue im Browser eine niedliche 3D-Figur im Plüschtier-Look und speichere sie als transparentes PNG oder 3D-Seite.
Kalender-Heatmap
+3Ein Jahr täglicher Aktivität als schattiertes Kalenderraster, mit Serien, Summen und Tastaturbedienung.
KI-SaaS-Landingpage
+3Warmes Sandpapier und feine Linien um ein lebendiges Kanban-Board, auf dem ein Assistent Aufgaben plant.
Animierte Hero-Section
+3Ein Landingpage-Hero mit sanft wechselndem Schlagwort, zwei Buttons und einem breiten Bildrahmen.
Shader-Hero-Website für Agenturen
+3Orange-Shader hinter großer Aussage, Pillen-Navigation und versetztem Raster mit Fallstudien.
Dunkle SaaS-Landingpage
+3Eine dunkle, bewegungsreiche Marketingseite für ein Softwareprodukt, geliefert als eine eigenständige HTML-Datei.
Designer-Portfolio-Website
+3Sechs geneigte Karten um eine verblassende Überschrift auf ruhigem Grau, eine rote Porträtkarte, Fallstudien.
Entwickler-Portfolio-Website
+3Eine dunkle persönliche Website für Entwickler mit Fallstudien, Artikeln, Vorträgen, Lebenslauf und Kontaktformular.
Redaktionelle SaaS-Website
+3Marineblauer geteilter Hero, Serifen-Überschrift neben einem Dokumentarbild, schräge Bänder, ein Kobaltakzent.
Glassmorphism-Website-Vorlage
+3Mattglas-Pillen auf Fastschwarz, große Serifen-Überschrift mit einem kursiven Wort und E-Mail-Anmeldung.
Website für Hardware-Produkte
+3Riesige haarlinige Modellnamen auf Silber-Studioaufnahmen, Datenkarten und eine maßstabsgetreue Reihe.
Interaktives Architekturdiagramm
+3Ein offline nutzbares, klickbares Systemdiagramm aus einem geprüften JSON-Modell, mit den Belegen zu jedem Kasten.
Interaktiver Raster-Hero
+3Dunkles Raster feiner Fäden, das sich zum Cursor neigt und bei jedem Klick einen Ring ausrollt.
Knowledge-Graph-Explorer
+3Mach aus Projektnotizen einen durchsuchbaren Offline-Graphen, in dem jede Aussage auf ihre Quellzeile verweist.
KPI-Dashboard-Vorlage
+3Vier KPI-Kacheln mit Veränderungs-Chips über einem leuchtenden Liniendiagramm, Aufschlüsselung und Zielbalken.
Landingpage aus KI-Mockups
+3Drei Entwürfe ganzer Seiten ansehen, einen wählen, dann baut dein Agent ihn als sauberen Code.
Magazin-Website-Vorlage
+3Eine Magazin-Website in Printqualität mit Artikeln, Themen, kleinem Shop und Abos, als eine HTML-Datei.
Partikel-Animations-Hero
+3Text auf warmem Papier neben einer drehenden Kugel aus Tinten- und Türkispunkten, die sich je Idee formt.
Persönliche Marken-Website
+3Ein Porträt, das in warmes Papier übergeht, darüber eine feine Klammer, daneben kurze und fette Aussagen.
Kinoreife Produkt-Launch-Seite
+3Fastschwarze Filmseite: Serifen-Titelkarte über gleitendem Licht, Letterbox-Nachtszene, Reservierungsformular.
Admin-Dashboard-Vorlage
+3Eine funktionierende Backoffice-Konsole mit Diagrammen, Tabellen, Kanban und Kalender, als eine Offline-HTML-Datei.
SaaS-Landingpage-Vorlage
+3Eine ruhige, helle Marketingseite für ein Softwareprodukt mit funktionierender Produktkonsole, Preisen und Registrierung.
Portfolio-Website im Scrapbook-Stil
+3Ein mehrseitiger Online-Lebenslauf aus Papierobjekten, mit Fallstudien und druckbarem Lebenslauf.
Sneaker-Shop-Website-Vorlage
+3Ein kompletter Schuh- oder Modeshop mit Katalog, Produktseiten, Warenkorb und Demo-Checkout in einer HTML-Datei.
Fragen
Ist der Canvas im Hero ein Screenshot?
Nein. Er ist HTML und SVG, gesteuert von Datenlisten: deinen Schritten, ihrer Verdrahtung und einem geskripteten Lauf mit Wiederholung. Er bleibt in beiden Themes scharf, reagiert auf Klicks und zeigt den Endzustand, wenn Besucher reduzierte Bewegung bevorzugen.
Was erzeugt PopNow für diese Seite?
Nur die fotografischen Teile: ein Kundenporträt und einen Geschichtskopf, eine Detailaufnahme, ein Avatar-Set aus einem Rasterbild, optional eine langsame Schleife der Maschine, auf der das Produkt läuft, und optional eine Social-Card-Fläche. Jeder Lauf wird vorher in Credits angeboten und startet erst nach deiner Zustimmung.
Kann ich es ohne PopNow-API-Schlüssel nutzen?
Ja. Die mitgelieferten Platzhalter für Runner-Foto und Avatare, eigene Fotos oder eine fotofreie Geschichtskarte halten jeden Abschnitt vollständig, und die Social Card lässt sich kostenlos aus HTML bauen.
Mein Produkt ist eine gehostete API, keine Desktop-App. Passt es trotzdem?
Ja. Der Local-first-Abschnitt wird zu einem Diagramm, wohin Daten fließen, das Installationsband pro Betriebssystem wird zu SDK-Installationsreitern, und die Download-Route wird zu einer Seite für SDKs oder Integrationen.