Das bekommst du
- Eine HTML-Datei mit eingebetteten Schriften und Bildern, die auch in einer gesandboxten Vorschau läuft
- Elf Abschnitte: Titelkarten-Hero, Manifest, Produktmomente in Tabs, Nachtfilm, Daten, App-Panel, Ausstellungsbuchung, Journal, Reservierung
- Funktionierende Buchungs-, Reservierungs-, Kontakt- und Newsletter-Formulare mit Inline-Prüfung und Belegen
- Ein Validator für Offline-Nutzung, Verdrahtung, Barrierefreiheit und übrig gebliebene Beispielnamen
- Optional PopNow-Produktfotos, eine Hintergrundschleife und eine Social Card nach einem Credit-Angebot
Gut für
- Vorbestellungs-, Warteliste- oder Reservierungsseiten für hochwertige Hardware
- Den Launch einer Uhr, eines Kopfhörers, einer Kamera, eines Autos, Parfums oder Möbelstücks
- Eine erste Produktseite für eine designgetriebene Marke
Nicht für
- Shops mit vielen Produkten oder Warenkorb
- Helle, pastellfarbene oder grell farbige Marken
- SaaS-Preisseiten und lange redaktionelle Websites
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Kinoreife Produkt-Launch-Seite“ (product-launch-landing-page) dafür: Launch-Seite für Halden One, eine handaufgezogene mechanische Uhr aus einer kleinen schweizerisch-dänischen Werkstatt. Reservierungen mit 250 $ Anzahlung, die ersten 300 Stück, Ausstellungsbesuche in Genf und Kopenhagen.
In einem Coding-Agent
/popnow-product-launch-landing-page Launch-Seite für Halden One, eine handaufgezogene mechanische Uhr aus einer kleinen schweizerisch-dänischen Werkstatt. Reservierungen mit 250 $ Anzahlung, die ersten 300 Stück, Ausstellungsbesuche in Genf und Kopenhagen.
Dann probier
Nenn mir vorher den Preis für vier Produkt-Nahaufnahmen und eine Nachtszenen-Schleife.
Mach eine Light-Version nur mit Hero, Momenten und Reservierung.
Das solltest du bereithalten
- Produktname, Preis oder Verfügbarkeit und wo es hergestellt wird
- Wie Leute es ausprobieren und kaufen, dazu Anzahlung, Garantie und Versandbedingungen
- Produktfotos oder, falls noch nicht gebaut, die Materialien und ein Erkennungsdetail
- Optional: einen PopNow-API-Schlüssel und das DESIGN.md des Projekts
Ä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.
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
Ist der Hero ein Video?
Nein. Der Hero ist eine zentrierte Überschrift über einer langsamen Canvas-Animation aus Code, kostet also nichts und bleibt scharf. PopNow-Video kommt weiter unten in die Letterbox-Nachtszene: eine kurze Schleife, aus dem freigegebenen Standbild animiert und so geschnitten, dass die Wiederholung unsichtbar ist.
Was erzeugt PopNow hier?
Optionale Produkt-Nahaufnahmen, Szenenbilder und eine Flatlay in einem gemeinsamen Licht, eine Hintergrundschleife für die Nachtszene und eine Social-Vorschaukarte. Der Skill bepreist den ganzen Plan in Credits und startet nichts, bis du zustimmst.
Kann ich es ohne API-Schlüssel nutzen?
Ja. Fotobühnen weichen auf dunkle Canvas-Szenen oder deine eigenen Fotos aus, Journal-Karten können nur Text sein, die Social Card wird aus HTML gerendert, und die Übergabenotiz listet die Plätze, die noch ein echtes Foto brauchen.
Nehmen die Reservierungs- und Buchungsformulare Zahlungen an?
Nein. Sie prüfen die Eingaben, zeigen einen Beleg mit Referenznummer und senden nichts, bis du sie an deinen eigenen Endpunkt oder Checkout anschließt. Die Übergabenotiz sagt das klar.