Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Bildern, ohne Netzwerkanfragen
- Ein lebendes Produktfenster: Board-, Listen- und Zeitleisten-Ansicht, Suche und ein Assistent, der auf Wunsch eine Aufgabe plant
- Funktions-Tabs, ein Wochenkalender, eine Planungszeitleiste, Testimonials, Sicherheit, Preise und FAQ
- Zusätzliche Seiten für Tarife und Plätze, eine Kundengeschichte, Release Notes, das Unternehmen, Kontakt, Anmeldung und Kontoerstellung, rechtliche Texte und eine Nicht-gefunden-Seite, jeweils hell und dunkel
- Optionale Fotos, eine Geschichtsschleife und eine Social-Karte von PopNow nach einem Credit-Angebot
Gut für
- KI-Assistenten, Copiloten und Planungstools
- Aufgaben-, Termin- und Team-Produktivitäts-Apps
- Einen SaaS-Launch mit einem echten Produkt zum Zeigen
Nicht für
- Dunkel betonte Developer-Tools oder lila Marken
- Onlineshops, Portfolios und Blogs
- Teams, die ein Foto oder Video als Hero wollen
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „KI-SaaS-Landingpage“ (ai-saas-landing-page) dafür: Mach die Startseite für Tidyline, ein KI-Postfach für kleine Support-Teams, das Tickets sortiert und Nachfassaktionen plant. Tarife: Free, Team 19 $ pro Platz, Business 39 $ pro Platz.
In einem Coding-Agent
/popnow-ai-saas-landing-page Mach die Startseite für Tidyline, ein KI-Postfach für kleine Support-Teams, das Tickets sortiert und Nachfassaktionen plant. Tarife: Free, Team 19 $ pro Platz, Business 39 $ pro Platz.
Dann probier
Nenne mir den Preis für das Kundenfoto und beide Porträt-Raster, bevor du etwas erzeugst.
Portiere es in meine Next.js-App und lass die Changelog-Route weg.
Das solltest du bereithalten
- Produktname, einzeiliges Versprechen und die wichtigste Aktion
- Was der Assistent tut, welche Arbeitsobjekte es gibt und deine Tarife
- Kunden, Zitate und Zahlen, die du verwenden kannst, oder Freigabe für Entwürfe
- Optional: ein PopNow-API-Schlüssel oder eigene Teamfotos
Ä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.
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.
Landingpage für Workflow-Automatisierung
+3Graphit-Seite mit kleiner Überschrift und einem lebenden Knotengraphen, der läuft und Logs streamt.
Fragen
Warum ist das Produkt ein funktionierendes Board statt eines Screenshots?
Das Board ist in HTML und SVG gebaut, bleibt scharf, folgt dem dunklen Theme und lässt sich mit deinen eigenen Spalten, Aufgaben und Personen neu schreiben. Besucher können die Ansicht wechseln, suchen und den Assistenten eine Aufgabe planen lassen. Das sagt mehr als ein statisches Bild.
Mein Produkt ist kein Aufgabenmanager. Passt das trotzdem?
Ja, wenn es Objekte gibt, die Stufen durchlaufen. Ein Support-Desk bekommt Ticket-Spalten und einen Routing-Assistenten, ein CRM Verkaufsphasen, ein Release-Tool Backlog bis ausgeliefert. Der Anpassungsleitfaden ordnet jeden Fall zu.
Was erzeugt PopNow hier?
Nur Fotos und Medien rund um das Produkt: die Kundengeschichte und Detailaufnahmen, Gründer- und Teamfotos, zwei Porträt-Raster, zu Avataren zugeschnitten, optional eine langsame Schleife des Geschichtsfotos und eine Social-Karte. Jeder Lauf wird vorher in Credits beziffert und startet erst nach deiner Zustimmung.
Kann ich es ohne PopNow-API-Schlüssel nutzen?
Ja. Die mitgelieferten Porträts und Fotos stehen unter neuen Namen als Platzhalter, deine eigenen Fotos passen in dieselben Ausschnitte, und die Social-Karte lässt sich aus HTML rendern. Die Übergabenotiz listet jeden Platz auf, der noch einen Platzhalter enthält.