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:

소스와 사골육수를 판매하는 전자상거래 브랜드를 위해 높은 디자인 품질을 갖춘 독특한 프로덕션급 프런트엔드 인터페이스를 만듭니다. 웹 구성요소, 페이지, 제품 목록, 랜딩 섹션 또는 상점의 UI 요소를 구축할 때 이 기술을 사용하십시오. 부드러운 모션 기반 애니메이션과 다채롭고 친근한 미학을 통해 따뜻하고 매력적이며 음식을 지향하는 디자인을 생성합니다. 사용자가 "카드 만들기", "섹션 만들기" 또는 "애니메이션 추가"라고만 말하는 경우에도 UI, 페이지, 구성 요소 또는 레이아웃 작업에 항상 이 기술을 사용하세요. 출처: zaaakher/agent-skills.