food-commerce-ui-designer

This skill guides creation of warm, inviting, production-grade frontend interfaces for a sauce and bone broth ecommerce brand. Every design should feel like it came from a beloved artisan food brand — not a generic SaaS tool. Implement real working React code with rich Motion animations, food-forward color palettes, and friendly, approachable aesthetics.

The user provides frontend requirements: a component, page, product card, hero section, checkout flow, or any other UI element. They may include context about specific products, promotions, or page purpose.

This is a warm artisan food brand selling sauces and bone broth. The aesthetic lives at the intersection of:

Erstellen Sie unverwechselbare, produktionstaugliche Frontend-Schnittstellen mit hoher Designqualität für eine E-Commerce-Marke, die Soßen und Knochenbrühe verkauft. Nutzen Sie diese Fertigkeit beim Erstellen von Webkomponenten, Seiten, Produktlisten, Landing-Abschnitten oder UI-Elementen für den Shop. Erzeugt warme, einladende, kulinarische Designs mit sanften, bewegungsgesteuerten Animationen und farbenfroher, freundlicher Ästhetik. Verwenden Sie diese Fähigkeit immer für alle UI-, Seiten-, Komponenten- oder Layoutarbeiten – auch wenn der Benutzer nur „eine Karte erstellen“, „einen Abschnitt erstellen“ oder „Animationen hinzufügen“ sagt. Quelle: zaaakher/agent-skills.