
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehenDas bekommst du
- Ein fertiger Beispielshop mit 31 Routen für Fernwell Pharmacy mit 14 Produkten und 29 Bildern: Startseite, Katalog, Produktseiten, Warenkorb, Checkout, Konto, Hilfe, Rechtsseiten und eine gestaltete 404-Seite.
- Funktionierende Apotheken-Abläufe: Rezept-Upload, Beratungsbuchung nach Apotheker und Uhrzeit, Fernwell-Card-Mitgliedschaft, Auswahl des Liefergebiets, Mini-Warenkorb, Promo-Codes und ein Demo-Checkout.
- Dein Shop als eine Offline-Datei mit eingebetteten Schriften Bricolage Grotesque, Geist und Geist Mono, dazu die Stilregeln, der Bildplan mit Prompts und die Checkliste, nach denen dein Agent baut.
Passt gut für
- Unabhängige Apotheken und Drogerien, die einen Online-Shop mit Rezepten und pharmazeutischer Beratung wollen.
- Wellness-, Nahrungsergänzungs- und Gesundheitslieferdienste, die einen dichten, freundlichen Katalog mit Angeboten brauchen.
- Kliniken, die einige Produkte verkaufen und Buchungs- und Mitgliedschaftsseiten im selben visuellen System wollen.
Nicht geeignet für
- Echte Bestellungen oder Zahlungen: Checkout, Buchungen, Uploads und Anmeldung sind Demonstrationen, bis ein Backend angebunden ist.
- Medizinische Werbeaussagen: Produkttexte bleiben bei Fakten im Stil von Packungsangaben, und Zulassungen oder Akkreditierungen werden nie erfunden.
- Marken, die einen dunklen oder gedämpften Look wollen; dieses Design setzt auf Limettengrün, Marineblau und Pastellkacheln.
E-Commerce-Listings & ConversionWebdesign & digitale ErlebnisseWebseite erstellenOnlineshop erstellenStil fixiertBearbeitbares ErgebnisWaldgrünes Footer-BandGraue ProduktkartenLimetten-Hero-RahmenNavy-Pill-ButtonsPastellkacheln
Über diesen Skill

Eröffne eine helle Online-Apotheke, die auf den ersten Blick vertrauenswürdig wirkt: ein limettengrüner Hero-Rahmen mit der marineblauen Headline „Get well.“, eine Apothekerin, die vom unteren Rand ins Bild ragt, und eine weiße Karte zum Hochladen von Rezepten. Das Beispiel ist Fernwell Pharmacy, eine fiktive Apotheke aus der Nachbarschaft in Port Alder mit 31 verknüpften Seiten und 29 Bildern.

Das bekommst du
- Eine Startseite mit pastellfarbenen Kategoriekacheln, Angeboten, einem Service-Duo, Marken, Trend-Tabs, Promo-Kacheln, Bewertungen, Sendungsverfolgung, FAQ und einem App-Band
- Ein Katalog mit Filtern, Sortierung und Suche, Produktseiten mit Packungsgrößen und Geschmacksrichtungen, eine Mini-Warenkorb-Schublade und ein Demo-Checkout
- Rezept-Upload, Beratungsbuchung nach Apotheker, Tag und Uhrzeit, Fernwell-Card-Mitgliedschaft und eine Auswahl des Liefergebiets
- Seiten für Konto, Hilfe, Über uns, Kontakt, Lieferung, Datenschutz und AGB sowie eine gestaltete 404-Seite
- Eine Datei mit eingebetteten Schriften und Bildern, die offline in jedem Browser öffnet

So nutzt du es
- Nenne den Namen deiner Apotheke, die Stadt, Liefergebiete, Produkte mit Preisen und die Services, die du anbietest.
- Dein Agent generiert oder platziert Packshots und Porträts, füllt jede Seite aus deiner Produktliste und prüft den Shop auf Desktop und Smartphone.
- Öffne die Datei, leg Artikel in den Warenkorb, teste eine Buchung und wünsch dir Änderungen in einfachen Worten.

Checkout, Buchungen und Uploads weisen klar darauf hin, dass nichts berechnet, gespeichert oder gesendet wird. Für neue Bilder, die mit dem Bildtool deines Agenten erstellt werden, können dessen Nutzungskosten anfallen.
Was du vorab brauchst
- Du bringst mit
- Name der Apotheke, Stadt, Liefergebiete und Öffnungszeiten · Produkte mit Kategorien, Preisen, Packungsgrößen und eventuellen Rabatten · Deine Services (Rezepte, Beratungen, Mitgliedschaft) und deine Apotheker
- 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 Packshots und Porträts oder deine eigenen Produkt- und Mitarbeiterfotos
- Externe Kosten
- Packshots, Kategoriekacheln und Apothekerporträts werden mit dem eigenen Bildtool deines Agenten generiert, wofür dessen Nutzungskosten anfallen können. Stattdessen kannst du auch eigene Produkt- und Mitarbeiterfotos verwenden.
- Zuletzt getestet
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …









