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:

ソースやボーンブロスを販売する e コマース ブランド向けに、高いデザイン品質を備えた、特徴的なプロダクション グレードのフロントエンド インターフェイスを作成します。このスキルは、ストアの Web コンポーネント、ページ、製品リスト、ランディング セクション、または UI 要素を構築するときに使用します。スムーズなモーションによるアニメーションとカラフルでフレンドリーな美学を備えた、温かく魅力的で、食に前向きなデザインを生成します。ユーザーが単に「カードを作成する」、「セクションを構築する」、または「アニメーションを追加する」と言った場合でも、UI、ページ、コンポーネント、またはレイアウトの作業には常にこのスキルを使用してください。 ソース: zaaakher/agent-skills。