
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Eine eigenständige Seite, die offline funktioniert: Produkt-Hero, Value Statement mit Inline-Bildern, abwechselnde Feature-Zeilen, Vertrauenskarten, Raum-Karussell, FAQ, Journal und ein dunkler Footer mit Wortmarke.
- Ein funktionierender Vorbestellungs-Drawer (Ausführung, Einzelgerät oder Stereo-Paar, E-Mail-Prüfung, Bestätigung) plus Artikel-, Richtlinien- und Kontakt-Sheets, die sich direkt auf der Seite öffnen, im hellen und dunklen Theme.
- Auf Wunsch eine mehrseitige Version mit Produkt-, Spezifikations-, Preis-, Über-uns-, Kontakt- und Blogseiten sowie ein Plan, um jedes Foto rund um dein Produkt neu zu generieren.
Passt gut für
- Du bringst einen Lautsprecher, Kopfhörer, eine Lampe oder ein anderes physisches Produkt auf den Markt und willst fotogetriebene Seiten, die ruhig und hochwertig wirken.
- Du willst eine Offline-Datei, die du überall ansehen, teilen oder hosten kannst – mit bereits funktionierenden Buttons, Karussell, FAQ und Vorbestellungsschritt.
- Du bevorzugst ehrliche Vertrauenstexte (Garantie, Tests, Reparierbarkeit) statt erfundener Bewertungen, Verkaufszahlen oder Presse-Logos.
Nicht geeignet für
- Shops, die einen echten Warenkorb, Zahlungen oder Lagerbestand brauchen: Der Vorbestellungsschritt bestätigt auf der Seite und sendet nichts, bis du deinen eigenen Checkout anbindest.
- Software oder Dienstleistungen ohne physisches Produkt; das Layout ist um ein freigestelltes Produkt und Fotos davon im Einsatz gebaut.
- Laute, farbenfrohe Marken: Das System bleibt fast monochrom, Türkis wird nur als Licht eingesetzt.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseWebseite erstellenLanding Page erstellenWebsite-Vorlage aufsetzenStil fixiertBearbeitbares ErgebnisConversion-fokussiertHell zuerstFast monochromGroße, enge HeadlinesProduktfoto im FokusScroll-gesteuerte AnimationPetrol-Glow
Über diesen Skill

Beschreib dein Produkt und sein Versprechen in einem Satz, und der Skill macht daraus eine ruhige, fotogetriebene Launch-Seite: ein freigestelltes Produkt auf einer sauberen weißen Bühne, große, eng gesetzte Headlines und ein einziges Türkis-Glühen dort, wo das Produkt leuchtet. Standardmäßig entsteht eine eigenständige Seite, die offline in jedem Browser öffnet.

Das bekommst du
- Ein Produkt-Hero, ein Value Statement mit Inline-Bildern, abwechselnde Foto- und Feature-Zeilen, Vertrauenskarten, ein Raum-Karussell mit Thumbnail-Leiste, ein FAQ-Akkordeon, Journal-Karten und ein dunkler Footer mit riesiger Wortmarke
- Ein Vorbestellungs-Drawer für Ausführung sowie Einzelgerät oder Stereo-Paar, mit E-Mail-Prüfung und Bestätigung, dazu Artikel-, Richtlinien- und Kontakt-Sheets, die sich direkt auf der Seite öffnen
- Helles und dunkles Theme, ein scrollabhängiger Header und ein kompaktes Menü auf Smartphones
- Auf Wunsch eine mehrseitige Version mit Produkt-, Spezifikations-, Preis-, Über-uns-, Kontakt- und Blogseiten

So nutzt du es
- Nenne Produktname, ein kurzes Versprechen und die Fakten, für die du einstehen kannst: Preis, Ausführungen, Garantie und Spezifikationen.
- Dein Agent passt jeden Bereich an deine Marke an, generiert jedes Foto aus einer einzigen Beschreibung deines Produkts neu und führt die integrierten Checks aus.
- Öffne die Seite, teste Kauf-Buttons, Karussell und FAQ und bitte dann in einfachen Worten um Änderungen.

Neue Produktfotos kommen aus dem Bildtool deines Agenten, das Nutzungskosten verursachen kann. Alles, was das Briefing nicht abdeckt, wird als Platzhaltertext entworfen und zur Bestätigung aufgelistet.
Was du vorab brauchst
- Du bringst mit
- Produktname, eine Headline-Idee aus drei oder vier Wörtern und eine Zeile Text · Preis, Ausführungen, Garantie und wichtige Spezifikationen, für die du einstehen kannst · Optional: dein Logo, echte Produktfotos und ein Link zu Checkout oder Warteliste
- Abhängigkeiten
- Node.js 18 oder neuer auf dem Rechner deines Agenten, um das mitgelieferte Skript auszuführen, das die einzelne Offline-Datei baut · Internetzugang während des Builds, damit die Schriften einmal heruntergeladen und eingebettet werden können · Ein Bildgenerierungstool in deinem Agenten für neue Produktfotos · npm, nur wenn du die mehrseitige Next.js-Version möchtest
- Externe Kosten
- Das Neugenerieren der Produktfotos nutzt das Bildtool deines Agenten, was dessen Nutzungskosten verursachen kann. Öffnen und Bearbeiten der Seite kostet nichts extra.
- Zuletzt getestet
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …








