Sage Sneaker-Shopv1.0.2
Nutze diesen Skill für: Onlineshop erstellen.
Beliebt
5.0121 Downloads8 Likes3-mal gemerkt
Kostenlos
Baue einen hochwertigen Schuh- oder Bekleidungsshop mit Kampagnen-Feeling: ein salbeigrüner Hero mit übergroßer weißer Versaltypografie, ein redaktionelles Modelfoto und eine kleine weiße Service-Karte, danach klare Produktraster vor einem passenden Studiohintergrund. Das Beispiel-Label Stride Common hat 27 funktionierende Seiten mit acht Sneakern, vier Kollektionen, Produktseiten, Warenkorb, Checkout, Größentabelle und Hilfeseiten. Standardmäßig bekommst du 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
- Ein fertiger Beispielshop für Stride Common mit 27 Routen, acht Produkten, vier Kollektionen und 15 Fotos, von Startseite und Katalog bis zu Größentabelle, Versand, FAQ, Über uns und einer gestalteten 404-Seite.
- Funktionierende Shop-Abläufe: Schnell-Hinzufügen mit Größenauswahl, Mini-Warenkorb-Schublade, Rabattcodes, Weitenoptionen, die den Preis ändern, ausverkaufte Größen, ein Größenfinder und ein Demo-Checkout.
- Dein Shop als eine Offline-Datei mit eingebetteten Schriften Archivo, Geist und Geist Mono, dazu die visuellen Regeln, ein Bildplan mit minimalem Fotoset und die Checkliste, der dein Agent folgt.
Passt gut für
- Unabhängige Sneaker-, Schuh- und Bekleidungslabels mit einem kleinen, durchdachten Sortiment.
- Direct-to-Consumer-Marken, die einen Hero im Kampagnenstil und Produktseiten mit echten Kaufwerkzeugen möchten.
- Shops mit Ladengeschäft, die neben dem Versand auch Anprobe-Termine und Abholung im Laden anbieten möchten.
Nicht geeignet für
- Echte Bestellungen oder Zahlungen: Der Checkout endet bei einer geprüften Demo-Bestellung und belastet oder verschickt nie etwas.
- Kataloge ohne Produktfotos; jedes Produkt braucht ein eigenes Foto, generiert oder geliefert.
- Marken, die knallige Farben oder ein dunkles Theme möchten; dieses Design ist salbeigrün, weiß und ruhig.
Corporate Design & MarkenidentitätE-Commerce-Listings & ConversionWebdesign & digitale ErlebnisseOnlineshop erstellenStil fixiertBearbeitbares ErgebnisHero mit SucheSneaker-HeroSneaker-ModellSneaker-Social-Proof
Über diesen Skill
Starte einen Schuh- oder Bekleidungsshop mit Kampagnen-Feeling: ein salbeigrüner Hero mit übergroßer weißer Versaltypografie, ein redaktionelles Modelfoto und klare Produktraster vor einem passenden Studiohintergrund. Das Beispiel ist Stride Common, ein fiktives Sneaker-Label mit acht Modellen, vier Kollektionen und 27 verknüpften Seiten.
Das bekommst du
- Startseite, Shop mit Filtern, Kollektionen, Produktseiten, Warenkorb, Checkout, gemerkte Paare, Größentabelle, Versand und Rückgabe, FAQ, Kontakt, Über uns, Rechtliches und eine gestaltete 404-Seite
- Produktseiten mit Galerie, Weiten- und Größenauswahl, Lagerstatus, technischen Daten, Bewertungen und passenden Paaren
- Schnell-Hinzufügen, eine Mini-Warenkorb-Schublade mit Anzeige bis zum kostenlosen Versand, Rabattcodes und ein Demo-Checkout
- Ein Größenfinder, der die Fußlänge in US-, UK- und EU-Größen umrechnet
- Eine Datei mit eingebetteten Schriften und Fotos, die offline in jedem Browser öffnet
So nutzt du es
- Teile deine Marke, deinen Markt, die Währung, Produkte mit Preisen und Größen sowie deine Kollektionen mit.
- Dein Agent generiert oder platziert die Fotos, füllt jede Seite und prüft die Shop-Abläufe auf Desktop und Smartphone.
- Öffne die Datei, leg ein Paar in den Warenkorb, probier den Checkout aus und beschreib Änderungen in einfachen Worten.
Der Checkout weist klar darauf hin, dass nichts belastet oder verschickt wird. Fotos, die mit dem Bildtool deines Agenten entstehen, können dort Nutzungskosten verursachen.
Was du vorab brauchst
- Du bringst mit
- Markenname, Markt, Währung und Lieferbedingungen · Produkte mit Preisen, Größen, Farben und technischen Daten, gruppiert in Kollektionen · Deine Produktfotos oder die Erlaubnis, dass dein Agent sie generiert
- 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 oder eigene Produktfotos (jedes Produkt braucht eines)
- Externe Kosten
- Kampagnen-, Produkt- und Kollektionsfotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Eigene Produktfotos verringern oder vermeiden diese Kosten.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …