Skillry Pick
Ember E-Bike-Shopv1.0.2
Nutze diesen Skill für: Onlineshop erstellen.
Im Kommen
5.030 Downloads0 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Baue einen Premium-Shop für E-Bikes mit orangefarbenem Foto-Hero, kräftigen Condensed-Überschriften, dunklen Kategoriekarten mit Fotos und einem dunklen Komponenten-Explorer, der Nahaufnahmen wechselt. Die steingrauen Produktkarten stammen aus einem einheitlichen Studio-Fotoset, und der ganze Shop funktioniert: Varianten, die den Preis ändern, ein Mini-Warenkorb, Warenkorbseite, Demo-Checkout, Vergleich, ein Reichweitenrechner und Probefahrt-Buchung. Standardmäßig kommt er als eine eigenständige Datei, die offline in jedem Browser öffnet.
Am häufigsten gewählt von
Aktualisiert am 3. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein Beispiel mit 35 Routen für die fiktive Marke Askel Cycles: sechs Bikes, vier Kategorien, Ausrüstung, Vergleich, Journal, Probefahrten, About, Kontakt, FAQ, Lieferung, Rechtliches, Warenkorb, Checkout und eine 404-Seite.
- Ein funktionierender Shop-Ablauf: Akku- und Rahmengrößen-Varianten, ein Mini-Warenkorb als Seitenleiste, ein Warenkorb mit Gutscheincode, ein Demo-Checkout mit Validierung und eine Bestellbestätigung, die nie eine Zahlung auslöst.
- Tools auf der Startseite (Hero-Karussell, Komponenten-Explorer, Reichweitenrechner, Händlersuche) plus Styleguide, Bildplan, ein Skript zum Angleichen der Fotos und eingebaute Prüfungen.
Passt gut für
- Marken für E-Bikes, Scooter, Lastenräder oder Mopeds, die einen Premium-Shop mit echten Produktdetails wollen.
- Marken mit Partnerhändlern oder Showrooms, die Probefahrten anbieten und dafür Buchung und Händlersuche wollen.
- Teams, die funktionierende Screens für Varianten, Warenkorb, Vergleich und Checkout prüfen wollen, bevor sie Zahlungen anbinden.
Nicht geeignet für
- Echte Bestellungen annehmen: Der Checkout sagt klar, dass die Zahlung deaktiviert ist, und nichts wird belastet, bis du dein eigenes Commerce-Backend anbindest.
- Große Kataloge, die eine Lagerbestandssynchronisierung oder ein Content-Management-System brauchen.
- Sanfte Pastell- oder minimalistische Marken; der Look lebt von gesättigtem Orange, Condensed-Versalien und dunklen Flächen.
Corporate Design & MarkenidentitätWebdesign & digitale ErlebnisseOnlineshop erstellenStil fixiertBearbeitbares ErgebnisFahrrad-KategorienFahrrad-SteuerungFahrrad-HeroDaten-Karussell
Über diesen Skill
Bring deine Bike-Modelle mit, und der Skill baut einen kompletten Shop: einen orangefarbenen Studio-Hero, kräftige Condensed-Überschriften, dunkle Kategoriekarten und steingraue Produktkarten aus einem einheitlichen Fotoset, mit einem Shop-Ablauf, der wirklich funktioniert. Das ausgearbeitete Beispiel ist der fiktive Hersteller Askel Cycles mit 35 verlinkten Routen. Das Standardergebnis ist eine eigenständige Datei, die offline in jedem Browser öffnet.
Das bekommst du
- Eine Startseite mit Hero-Karussell, Kategoriekarten, Modellübersicht, Komponenten-Explorer, Reichweitenrechner, Bewertungen, Probefahrt-Finder, Journal und FAQ
- Produktseiten mit Galerie, Akku- und Größenvarianten, einer Größenberatung nach Körpergröße, technischen Daten und passenden Artikeln
- Warenkorb, Demo-Checkout mit Lieferoptionen und Bestellbestätigung, dazu Seiten für Vergleich, Ausrüstung, Lieferung, Rechtliches und Kontakt
- Anton, Archivo und Geist Mono sind in die Datei eingebettet, sodass nichts aus dem Netz geladen wird
So nutzt du es
- Gib deine Modelle, Preise, technischen Daten, Kategorien, Markteinstellungen (Währung, Steuern, Postleitzahlen) und eventuelle Partnerhändler an.
- Dein Agent füllt den Katalog, generiert ein passendes Fotoset und prüft jede Route und jeden Link.
- Klick dich auf Desktop und Smartphone durch Varianten, Warenkorb, Checkout und Probefahrt-Buchung und wünsch dir dann Änderungen.
Die Generierung neuer Produktfotos kann Nutzungskosten deines Bildtools verursachen. Checkout und Buchung zeigen ehrliche Demo-Bestätigungen und senden nichts, bis echte Dienste angebunden sind.
Was du vorab brauchst
- Du bringst mit
- Markenname, ein Slogan mit höchstens vier Wörtern und dein Markt (Währung, Steuern, Postleitzahlen) · Modelle mit Preisen, technischen Daten, Varianten und Kategorien, dazu Zubehör, falls du welches verkaufst · Partnerhändler oder Showrooms, Kontaktdaten und eigene Produktfotos, falls vorhanden
- 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 · Python mit NumPy und Pillow für das Skript, das Produktfotos zuschneidet und angleicht · Ein Bildgenerierungstool in deinem Agenten für neue Bike- und Lifestyle-Fotos
- Externe Kosten
- Die Generierung der Bike- und Lifestyle-Fotos mit dem Bildtool deines Agenten kann dessen Nutzungskosten verursachen. Der Bildplan enthält ein Minimalset für kleine Budgets, und einige Bilder von Ausrüstung und Nahaufnahmen lassen sich wiederverwenden.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …