什么是 food-commerce-ui-designer?
为销售酱汁和骨汤的电子商务品牌创建具有高设计质量的独特、生产级前端界面。在为商店构建任何 Web 组件、页面、产品列表、登陆部分或 UI 元素时,请使用此技能。生成温暖、诱人、食物前卫的设计,具有流畅的运动动画和丰富多彩、友好的美学。始终在任何 UI、页面、组件或布局工作中使用此技能 - 即使用户只是说“制作一张卡片”或“构建一个部分”或“添加动画”。 来源:zaaakher/agent-skills。
为销售酱汁和骨汤的电子商务品牌创建具有高设计质量的独特、生产级前端界面。在为商店构建任何 Web 组件、页面、产品列表、登陆部分或 UI 元素时,请使用此技能。生成温暖、诱人、食物前卫的设计,具有流畅的运动动画和丰富多彩、友好的美学。始终在任何 UI、页面、组件或布局工作中使用此技能 - 即使用户只是说“制作一张卡片”或“构建一个部分”或“添加动画”。
通过命令行快速安装 food-commerce-ui-designer AI 技能到你的开发环境
来源:zaaakher/agent-skills。
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:
为销售酱汁和骨汤的电子商务品牌创建具有高设计质量的独特、生产级前端界面。在为商店构建任何 Web 组件、页面、产品列表、登陆部分或 UI 元素时,请使用此技能。生成温暖、诱人、食物前卫的设计,具有流畅的运动动画和丰富多彩、友好的美学。始终在任何 UI、页面、组件或布局工作中使用此技能 - 即使用户只是说“制作一张卡片”或“构建一个部分”或“添加动画”。 来源:zaaakher/agent-skills。
为搜索与 AI 引用准备的稳定字段与命令。
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer为销售酱汁和骨汤的电子商务品牌创建具有高设计质量的独特、生产级前端界面。在为商店构建任何 Web 组件、页面、产品列表、登陆部分或 UI 元素时,请使用此技能。生成温暖、诱人、食物前卫的设计,具有流畅的运动动画和丰富多彩、友好的美学。始终在任何 UI、页面、组件或布局工作中使用此技能 - 即使用户只是说“制作一张卡片”或“构建一个部分”或“添加动画”。 来源:zaaakher/agent-skills。
打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code、Cursor 或 OpenClaw 中使用
https://github.com/zaaakher/agent-skills