什麼是 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