Royal Blue Tierbedarf-Shopv1.0.2
Nutze diesen Skill für: Onlineshop erstellen.
Im Kommen
5.028 Downloads1 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue einen hochwertigen Tierbedarf-Shop mit königsblauem Rahmen, blauen Serifen-Überschriften, einem Golden-Retriever-Hero, Kategoriekacheln und saisonalen Bannern. Filter, Produktvarianten, Mini-Warenkorb, Nachbestellplaner und ein Demo-Checkout funktionieren – alles in einer eigenständigen 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 eigenständige Shop-Datei, die in jedem Browser öffnet und offline läuft, mit eingebetteten Schriften und Bildern; wenn du ein eigenes Framework-Projekt hast, eine Portierung dorthin.
- Ein funktionierender Shop: Filter mit Live-Zählern, Varianten, die den Preis ändern, Mini-Warenkorb mit Anzeige bis zum kostenlosen Versand, Rabattcodes, Demo-Checkout und Bestellbestätigung.
- Ein Beispiel mit 39 Seiten und 22 Bildern, darunter Nachbestellplaner, Bettenfinder, Wunschliste, Pflegeratgeber und Seiten zu Shop-Richtlinien.
Passt gut für
- Unabhängige Tierbedarfsläden und Tiermarken, die online verkaufen und einen ruhigen, vertrauenswürdigen Shop möchten.
- Hundesalons oder Tierarztpraxen, die auch Produkte verkaufen und Nachbestellungen in Abos verwandeln können.
- Tierfuttermarken, die auf Abos und den Nachbestellplaner setzen.
Nicht geeignet für
- Echte Zahlungen, Lagerbestand oder Auftragsabwicklung; der Checkout prüft Eingaben, belastet aber niemanden.
- Shops, die statt des königsblauen Rahmens einen dunklen, verspielten oder stark illustrierten Look möchten.
- Den Verkauf der fiktiven Dunmere-Produkte oder das Ausgeben der Katalogbilder als deine eigenen.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseOnlineshop erstellenStil fixiertBearbeitbares ErgebnisHaustierHaustier-HeroFrühlingWunschliste
Über diesen Skill
Royal Blue Pet Store baut einen hochwertigen, vollständigen Tierbedarf-Shop: eine weiße Website in einem königsblauen Rahmen, blaue Serifen-Überschriften, ein ruhiger geteilter Hero mit Golden-Retriever-Porträt, sechs Kategoriekacheln, ein königsblaues Saison-Banner und ein einheitlicher Katalog freigestellter Produktbilder. Das Beispiel ist Dunmere Pet Supply, ein fiktiver Laden aus der Nachbarschaft, mit 39 verknüpften Seiten und einem Shop, der von den Filtern bis zur Bestellbestätigung funktioniert.
Das bekommst du
- Eine eigenständige Shop-Datei, die in jedem Browser öffnet und offline läuft, mit eingebetteten Schriften und Bildern. Hast du bereits ein Framework-Projekt, wird das Design stattdessen dorthin übertragen.
- Ein funktionierender Shop: Filter nach Kategorie, Tier und Preis mit Live-Zählern, Suche, Sortierung, Produktseiten mit Varianten, die den Preis ändern, und ausverkauften Größen, ein Mini-Warenkorb mit Anzeige bis zum kostenlosen Versand, Rabattcodes, ein Demo-Checkout und eine Bestellbestätigung.
- Ein Nachbestellplaner, der die nächsten Liefertermine und die Ersparnis zeigt, ein Bettenfinder nach Schlafposition, eine Wunschliste, ein Pflegeratgeber mit Artikeln und ein Bewertungskarussell.
- Shop-Seiten für Über uns, Versand und Rückgabe, FAQ, Kontakt, Datenschutz, AGB und eine freundliche 404-Seite.
- Markteinstellungen für Währung, Steuern, Postleitzahl-Regeln und Lieferbedingungen, damit der Shop zu deinem Absatzmarkt passt.
So nutzt du es
- Teile Shopnamen, Produkte mit Preisen und Größen, Kategorien, Lieferbedingungen, Öffnungszeiten und Kontaktdaten mit. Fehlende Angaben werden als plausible Platzhalter entworfen und dir zur Bestätigung aufgelistet.
- Lass den Agenten einen neuen Katalog freigestellter Produktbilder in einheitlichem Licht erstellen oder schick deine eigenen Produktfotos. Das Retriever-Porträt, das Katzenporträt und die Wohlfühlszene können bleiben.
- Öffne jede Seite auf Desktop und Smartphone, filtere den Shop, lege Produkte in den Warenkorb, spiel den Demo-Checkout durch und bitte um Änderungen.
Die Typografie ist in Newsreader und Instrument Sans gesetzt und in die Datei eingebettet. Neue Produktbilder stammen aus dem Bildtool deines Agenten und können dort Nutzungskosten verursachen; der Checkout nimmt nie eine Zahlung entgegen.
Was du vorab brauchst
- Du bringst mit
- Shopname, Produkte mit Preisen und Größen sowie Kategorien · Lieferbedingungen, Öffnungszeiten, Kontaktdaten und dein Absatzmarkt · Eigene Produktfotos oder deine Freigabe, einen neuen Katalog zu generieren
- 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 oder eigene Fotos für freigestellte Produktbilder und Shop-Bilder
- Externe Kosten
- Neue freigestellte Produktbilder und Ladenfotos werden mit dem Bildtool deines Agenten generiert, das Nutzungskosten verursachen kann. Ohne ein solches Tool lieferst du eigene Fotos; die Retriever-, Katzen- und Wohlfühlbilder können bleiben. Das Ansehen des Beispiels kostet nichts, und der Checkout belastet nie.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …