Skillry Pick
Cadence Marketing-Landing-Pagev1.0.3
Nutze diesen Skill für: Landing Page erstellen.
Beliebt
5.0181 Downloads5 Likes6-mal gemerkt
Kostenlos
Erstelle eine dunkle, bewegungsreiche SaaS-Marketing-Website, die eine durchgehende Produktgeschichte erzählt: anthrazitfarbener Grund, ein Cyan-Akzent, Verlaufs-Headlines von Grau nach Weiß und ein glaubwürdiger Produkt-Screen, der sich beim Scrollen aufrichtet. Animierte Feature-Karten, ein scrollgesteuerter Workflow, ein Kunden-Spotlight mit Porträts, Integrationen und Sicherheit, gestaffelte Preise und ein FAQ führen zu einem Laptop-Mockup, dessen Deckel sich beim Scrollen öffnet – inklusive Changelog, Kundengeschichte, Login und Rechtsseiten. Du bekommst eine eigenständige Datei, die in jedem Browser öffnet und offline läuft.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine vollständige dunkle Marketing-Website: Produkt-Hero, animierte Feature-Karten, ein scrollgesteuerter Workflow, Kunden-Spotlight, Integrationen und Sicherheit, Preise mit Abrechnungsumschalter, FAQ und ein Anmeldebereich
- Unterseiten, die funktionieren: ein Changelog mit Filtern und Suche, eine Kundengeschichte, Login und Rechtsseiten sowie Formulare mit Validierung und Erfolgsmeldungen
- Produkt-Screens, direkt in die Seite gebaut und auf dein Produkt umgestaltet, Geist als Schrift und generierte Kundenporträts, alles eingebettet in eine Offline-Datei
Passt gut für
- Gründer, die ein SaaS- oder Developer-Tool launchen und ab Tag eins eine dunkle Seite wollen, die nach finanziertem Startup aussieht
- Product Marketer, die eine komplette Launch-Website mit Preisen, Belegen, FAQ und Changelog für eine Kampagne brauchen
- Teams ohne polierte Screenshots: Jeder Produkt-Screen ist in die Seite gebaut und auf dein Produkt abgestimmt
Nicht geeignet für
- Marken, die einen hellen, luftigen Look wollen: Cadence gibt es nur dunkel
- Echte Anmeldung oder Abrechnung: Formulare validieren und bestätigen auf der Seite, senden aber nichts
- Blogs, Doku-Portale oder andere inhaltslastige Websites: Es ist eine Produkt-Marketing-Website mit wenigen Unterseiten, kein CMS
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertConversion-fokussiertCyan-AkzentVerlaufstypografieAnthrazitCSS-Geräte-MockupsScroll-Animation
Über diesen Skill
Cadence Marketing-Landing-Page baut eine dunkle SaaS-Marketing-Website, auf der das Produkt selbst das Hero-Bild ist. Ein anthrazitfarbener Grund, ein Cyan-Akzent und Verlaufs-Headlines von Grau nach Weiß tragen eine durchgehende Geschichte vom ersten Screen bis zur Anmeldung, dahinter Changelog, Kundengeschichte, Login und Rechtsseiten. Das Beispiel ist Loopwright, eine fiktive Plattform für Kundenfeedback.
Das bekommst du
- Eine Startseite in einem Fluss: Hero-Produktkarte, Wordmark-Laufband, animierte Feature-Karten, eine scrollgesteuerte Workflow-Bühne, ein Kunden-Spotlight mit Porträts, Integrationen und Sicherheit, Preise, FAQ und ein Anmeldebereich mit einem Laptop, dessen Deckel sich beim Scrollen öffnet
- Ergänzende Seiten: ein filterbarer Changelog, eine Kundengeschichte mit drei belegten Zahlen, Login und Rechtliches
- Produkt-Screens, die direkt in die Seite gebaut und auf dein Produkt umgestaltet sind, sodass sich eine zentrale Anfrage durch die ganze Geschichte zieht
- Funktionierender Abrechnungsumschalter, Vergleichstabelle, FAQ, Tabs, Mobilmenü und Formulare mit Validierung und Erfolgsmeldungen
- Geist und Geist Mono als Schriften sowie generierte Porträts, eingebettet in eine Datei, die in jedem Browser öffnet und offline funktioniert
So nutzt du es
- Teile Produktname, was es tut, den wichtigsten Kunden-Workflow und ungefähre Preise; Notizen reichen.
- Dein Agent ordnet Feature-Karten und Workflow deinem Produkt zu, generiert die Porträts und füllt jeden Abschnitt und jede Seite.
- Öffne die Datei im Browser, klick dich durch jede Seite und jedes Formular und wünsch dir Text- oder Abschnittsänderungen in einfachen Worten.
Porträts stammen aus dem Bildtool deines Agenten, sofern verfügbar, was Nutzungskosten bei diesem Tool verursachen kann. Was das Briefing offenlässt, wird zu Platzhaltertext, den der Agent dir zur Bestätigung auflistet.
Was du vorab brauchst
- Du bringst mit
- Produktname, was es tut, und eine ergebnisorientierte Idee für die Headline · 4 bis 5 Funktionen, die wichtigsten Workflow-Schritte und ungefähre Preisstufen · Kundenzitate, Zahlen für die Kundengeschichte, Integrationen und Sicherheitsfakten, die du ehrlich belegen kannst (optional; Lücken werden zu aufgelisteten Platzhaltern)
- 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 Bildtool in deinem Agenten für Kundenporträts und Story-Fotos (optional; ohne behält die Seite Initialen-Avatare)
- Externe Kosten
- Kundenporträts und Story-Fotos werden mit dem Bildtool deines Agenten generiert, sofern verfügbar, was Nutzungskosten bei diesem Tool verursachen kann. Ohne ein solches behält die Seite Initialen-Avatare, und der Agent listet die Plätze auf, die Fotos brauchen. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …