·food-commerce-ui-designer
*

food-commerce-ui-designer

Create distinctive, production-grade frontend interfaces with high design quality for an ecommerce brand selling sauces and bone broth. Use this skill when building any web components, pages, product listings, landing sections, or UI elements for the store. Generates warm, inviting, food-forward designs with smooth Motion-powered animations and colorful, friendly aesthetics. Always use this skill for any UI, page, component, or layout work — even if the user just says "make a card" or "build a section" or "add animations".

10Installs·0Trend·@zaaakher

Installation

$npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer

How to Install food-commerce-ui-designer

Quickly install food-commerce-ui-designer AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: zaaakher/agent-skills.

SKILL.md

View raw

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:

Create distinctive, production-grade frontend interfaces with high design quality for an ecommerce brand selling sauces and bone broth. Use this skill when building any web components, pages, product listings, landing sections, or UI elements for the store. Generates warm, inviting, food-forward designs with smooth Motion-powered animations and colorful, friendly aesthetics. Always use this skill for any UI, page, component, or layout work — even if the user just says "make a card" or "build a section" or "add animations". Source: zaaakher/agent-skills.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
Category
*Creative Media
Verified
First Seen
2026-02-25
Updated
2026-03-11

Browse more skills from zaaakher/agent-skills

Quick answers

What is food-commerce-ui-designer?

Create distinctive, production-grade frontend interfaces with high design quality for an ecommerce brand selling sauces and bone broth. Use this skill when building any web components, pages, product listings, landing sections, or UI elements for the store. Generates warm, inviting, food-forward designs with smooth Motion-powered animations and colorful, friendly aesthetics. Always use this skill for any UI, page, component, or layout work — even if the user just says "make a card" or "build a section" or "add animations". Source: zaaakher/agent-skills.

How do I install food-commerce-ui-designer?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/zaaakher/agent-skills

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-02-25