Confetti Marketing-Landing-Pagev1.0.4
Nutze diesen Skill für: Landing Page erstellen.
Im Kommen
5.032 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue eine verspielte Marketing-Website für ein SaaS-Produkt: eine porzellanweiße Seite mit Panels im Punktraster, einem Smaragd-Akzent und schräg geklebten Sticker-Karten rund um einen ruhigen, zentrierten Hero. Weiter geht es mit klickbarem Produktfenster, animiertem Bento, filterbarer Vorlagenbibliothek, gepunkteter Weltkarte, Preisen mit Abrechnungsschalter, Foto-Testimonials, Blog mit Artikelseiten und FAQ, dazu Changelog-, Registrierungs-, Anmelde-, Kontakt- und Rechtsseiten. Du bekommst eine eigenständige Datei mit eingebetteten Schriften und Fotos.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Eine fertige Beispiel-Website für Beanhop, eine Teamkultur-App: die Landing Page plus Artikelseiten, Changelog, Registrierung, Anmeldung, Kontakt, Datenschutz, AGB und eine gestaltete 404-Seite.
- Ein klickbares Produktfenster, eine Ritual-Bibliothek mit Suche und Filtern, ein Abrechnungsschalter mit Schätzung nach Teamgröße, validierte Formulare und ein Konfetti-Effekt, alles auf dein Produkt umbenannt.
- Deine Website als eine Offline-Datei mit eingebetteten Schriften Bricolage Grotesque, Figtree und Gochi Hand, dazu die Stilregeln, der Bildplan und die Checkliste, nach denen dein Agent baut.
Passt gut für
- Gründer und Indie-Maker, die eine Launch- oder Warteliste-Seite mit Wärme und Persönlichkeit statt Corporate-Glanz wollen.
- Team-, Community- oder Habit-Apps, deren Geschichte von Menschen, Feiern und Schwung handelt.
- Kleine Teams, die auch die Unterseiten brauchen: Changelog, Registrierung, Blogartikel und Rechtliches.
Nicht geeignet für
- Dunkle, gläserne oder ultraminimalistische Marken; Confetti ist bewusst hell und verspielt, ein Dark Theme gibt es nicht.
- Websites, die ein CMS brauchen: Blogartikel und Changelog-Einträge liegen in den Daten der Seite selbst, nicht in einem Editor.
- Echte Registrierungen oder Zahlungen: Formulare validieren und bestätigen auf der Seite, senden aber nichts, bis du ein Backend anbindest.
Produktlaunch & App-WachstumWebdesign & digitale ErlebnisseLanding Page erstellenStil fixiertBearbeitbares ErgebnisPunktrasterSmaragd-AkzentVerspieltes PastellWeiche SchattenSticker-Karten
Über diesen Skill
Beschreibe dein Produkt und erhalte eine verspielte Marketing-Website: eine porzellanweiße Seite, zusammengehalten von Panels im Punktraster, ein Smaragd-Akzent und schräg geklebte Sticker-Karten, die alles wie von Hand arrangiert wirken lassen. Das Beispiel ist Beanhop, eine fiktive App, die Kudos, Geburtstage und Rituale für Remote-Teams in einem Feed bündelt.
Das bekommst du
- Eine Landing Page mit ruhigem Hero, Feature-Trio, Produktfenster, animiertem Bento, Ritual-Bibliothek, Weltkarte, Preisen, Testimonials, Blog, FAQ und E-Mail-Anmeldung
- Funktionierende Unterseiten: Blogartikel, ein Changelog mit Filtern und Suche, Registrierung, Anmeldung, Kontakt, Datenschutz, AGB und eine gestaltete 404-Seite
- Ein Produktfenster und Charts, im Code gezeichnet und auf die Personen und Objekte deines Produkts umbenannt
- Drei eingebettete Schriften und eine kleine Auswahl an Fotos, sodass die Datei offline in jedem Browser öffnet
So nutzt du es
- Teile Produktname, was es tut, deine Tarife und eventuelle Testimonials oder Artikelideen; grobe Notizen reichen.
- Dein Agent füllt jeden Abschnitt und jede Seite, ergänzt Fotos dort, wo eine echte Unternehmenswebsite sie einsetzen würde, und prüft das Ergebnis auf Desktop und Smartphone.
- Öffne die einzelne Datei, klick dich durch die Seiten und beschreibe Änderungen in eigenen Worten.
Für Fotos aus dem Bildtool deines Agenten können dessen Nutzungskosten anfallen; ohne Bildtool behält die Seite passend dimensionierte Platzhalter für deine eigenen Fotos.
Was du vorab brauchst
- Du bringst mit
- Produktname, Zielgruppe und ein Nutzenversprechen in einem Satz · Wichtigste Funktionen, Tarifstufen mit Preisen und eine durchsuchbare Sammlung (Vorlagen, Rezepte oder Integrationen) · Optional: Testimonials, eine Kundenstory, Artikelideen und eigene Fotos
- 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 Porträts und Artikel-Cover (optional; ohne lieferst du die Fotos)
- Externe Kosten
- Testimonial-Porträts, das Foto der Kundenstory und Artikel-Cover werden, sofern verfügbar, mit dem Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Ohne Bildtool fragt dein Agent nach deinen Fotos und lässt passend dimensionierte Platzhalter.
- Zuletzt getestet
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …