food-commerce-ui-designer
Installation
SKILL.md
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.
Brand Aesthetic Direction
This is a warm artisan food brand selling sauces and bone broth. The aesthetic lives at the intersection of:
- Farmers market warmth — earthy, handcrafted, honest
- Modern food editorial — clean, appetite-forward, beautiful food photography framing
- Friendly & approachable — inviting copy-forward layouts, never cold or clinical
Color Language
Always work within this warm, food-forward palette (use CSS variables):
Related skills