
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Ein vollständiger Marken-Shop: Startseite, Produkt-, Kollektions- und Rezeptseiten, Unsere Geschichte, Händler mit Karte, Großhandel, FAQ, Lieferung, Kontakt, Newsletter, Warenkorb, Checkout und Rechtsseiten
- Der Karopapier-Look: warmes Papier mit feinen Gitterlinien, kräftige schmale Headlines, umrandete Karten in Sortenfarben, ein Hero-Fächer aus fünf Fotos mit Stickern und eine Wortmarke im kobaltblauen Footer
- Funktionierende Shop-Details: eine Warenkorb-Schublade mit Fortschrittsanzeige bis zur kostenlosen Lieferung, Preise nach Größe und Abo, Suche, Filter, ein Portionsrechner für Rezepte und ein Checkout mit Validierung
Passt gut für
- Hafer-, Saft-, Kaffee-, Tee-, Kombucha- oder Snackmarken, die eine fröhliche Persönlichkeit mit Stickern und Getränkekarton wollen
- Kleine Konsumgütermarken, die Shop, Rezepte oder Rituale, Händler und Supportseiten aus einem Guss brauchen
- Gründer, die einen glaubwürdigen Storefront wollen, bevor echte Zahlungen angebunden werden, oder ein Design, das sie in ihr eigenes Projekt übertragen können
Nicht geeignet für
- Leise Luxus- oder Unternehmensmarken: Schmale Schwergewichtsschrift, Sticker und Sortenfarben sind bewusst laut und verspielt
- Shops, die schon heute echte Zahlungen, Konten oder Bestellabwicklung brauchen: Warenkorb und Checkout bestätigen auf der Seite und weisen darauf hin, dass nichts berechnet wurde
- Teaser mit nur einem Screen: Der Skill baut eine ganze verknüpfte Website, ein einzelner Landing-Bereich würde das meiste davon verschenken
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseMarken-Website erstellenStil fixiertBearbeitbares ErgebnisHafer-FächerHafer-HeroHafer-RezepteHafer-Story
Über diesen Skill

Karopapier Getränke-Markenwebsite baut eine vollständige, shopbare Markenwebsite auf warmem Karopapier – mit kräftigen, schmal laufenden Headlines, umrandeten Karten, Sticker-Akzenten und einer verspielten Farbe pro Geschmacksrichtung. Jeder Link führt zu einer gestalteten Seite, und Warenkorb, Suche und Formulare reagieren. Das Beispiel ist Oat Parade, eine fiktive Haferdrink-Marke mit 34 verknüpften Seiten.

Das bekommst du
- Eine Startseite mit abwechslungsreichen Kompositionen: Fotofächer-Hero, Sorten-Laufband, Produktleiste mit Filtern, Story-Split, Kennzahlen-Bento, Reise vom Feld bis in den Kühlschrank, Rezept-Bento, Testimonials, FAQ, Händlersuche und Newsletter
- Unterseiten für jedes Produkt, jede Kollektion und jedes Rezept, dazu Unsere Geschichte, Händler mit Karte, Großhandel, FAQ, Lieferung, Kontakt, Warenkorb, Checkout, Datenschutz, AGB und eine 404-Seite
- Shop-Interaktionen: eine Warenkorb-Schublade mit Mengen und Fortschrittsanzeige bis zur kostenlosen Lieferung, Preise nach Größe und Abo, Suche, Merkliste, ein Portionsrechner für Rezepte und ein Checkout mit Validierung
- Fotos, je eines pro Motiv in einer einheitlichen Art Direction, zusammen mit den Schriften in eine Datei eingebettet, die offline funktioniert

So nutzt du es
- Nenne deinen Markennamen, ein Versprechen in einem Satz, Produkte mit Preisen und Größen, wie Kunden kaufen, und deine Geschichte.
- Dein Agent ordnet Sorten, Rezepte und Händler deinem Geschäft zu, generiert die Fotos und füllt jede Seite.
- Öffne die Datei, klick dich auf Desktop und Smartphone durch Shop, Warenkorb und Rezepte und wünsch dir Änderungen in einfachen Worten.

Die Fotos stammen aus dem Bildtool deines Agenten, wofür dessen Nutzungskosten anfallen können, oder aus deiner eigenen Bibliothek. Nichts im Warenkorb oder Checkout wird berechnet oder gesendet, bis du echte Services anbindest.
Was du vorab brauchst
- Du bringst mit
- Markenname, Versprechen in einem Satz und Zielgruppe · Produkte mit Namen, Preisen, Größen und dem, was jedes einzelne besonders macht · Wie Kunden kaufen (online, Händler, Großhandel, Abo), deine Geschichte sowie Liefer- und Kontaktdaten
- 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 Produkt-, Rezept- und Story-Fotos (optional, wenn du eigene Fotos lieferst)
- Externe Kosten
- Der Agent generiert Produkt-, Rezept- und Story-Fotos mit seinem eigenen Bildtool, wofür dessen Nutzungskosten anfallen können. Du kannst stattdessen eigene Fotos liefern. Sonst wird kein kostenpflichtiger Dienst genutzt.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …








