·food-commerce-ui-designer
*

food-commerce-ui-designer

قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية لعلامة تجارية للتجارة الإلكترونية تبيع الصلصات ومرق العظام. استخدم هذه المهارة عند إنشاء أي مكونات ويب أو صفحات أو قوائم منتجات أو أقسام مقصودة أو عناصر واجهة مستخدم للمتجر. يُنشئ تصميمات دافئة وجذابة ومشوقة للطعام مع رسوم متحركة سلسة تعمل بالحركة وجماليات ملونة وودية. استخدم دائمًا هذه المهارة لأي واجهة مستخدم أو صفحة أو مكون أو عمل تخطيط - حتى لو قال المستخدم فقط "إنشاء بطاقة" أو "إنشاء قسم" أو "إضافة رسوم متحركة".

10التثبيتات·0الرائج·@zaaakher

التثبيت

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

كيفية تثبيت food-commerce-ui-designer

ثبّت مهارة الذكاء الاصطناعي food-commerce-ui-designer بسرعة في بيئة التطوير لديك عبر سطر الأوامر

  1. افتح الطرفية: افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal
  2. نفّذ أمر التثبيت: انسخ ونفّذ هذا الأمر: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
  3. تحقق من التثبيت: بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

المصدر: 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:

قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية لعلامة تجارية للتجارة الإلكترونية تبيع الصلصات ومرق العظام. استخدم هذه المهارة عند إنشاء أي مكونات ويب أو صفحات أو قوائم منتجات أو أقسام مقصودة أو عناصر واجهة مستخدم للمتجر. يُنشئ تصميمات دافئة وجذابة ومشوقة للطعام مع رسوم متحركة سلسة تعمل بالحركة وجماليات ملونة وودية. استخدم دائمًا هذه المهارة لأي واجهة مستخدم أو صفحة أو مكون أو عمل تخطيط - حتى لو قال المستخدم فقط "إنشاء بطاقة" أو "إنشاء قسم" أو "إضافة رسوم متحركة". المصدر: zaaakher/agent-skills.

حقائق جاهزة للاقتباس

حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.

أمر التثبيت
npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer
الفئة
*وسائط إبداعية
موثق
أول ظهور
2026-02-25
آخر تحديث
2026-03-10

Browse more skills from zaaakher/agent-skills

إجابات سريعة

ما هي food-commerce-ui-designer؟

قم بإنشاء واجهات أمامية مميزة على مستوى الإنتاج بجودة تصميم عالية لعلامة تجارية للتجارة الإلكترونية تبيع الصلصات ومرق العظام. استخدم هذه المهارة عند إنشاء أي مكونات ويب أو صفحات أو قوائم منتجات أو أقسام مقصودة أو عناصر واجهة مستخدم للمتجر. يُنشئ تصميمات دافئة وجذابة ومشوقة للطعام مع رسوم متحركة سلسة تعمل بالحركة وجماليات ملونة وودية. استخدم دائمًا هذه المهارة لأي واجهة مستخدم أو صفحة أو مكون أو عمل تخطيط - حتى لو قال المستخدم فقط "إنشاء بطاقة" أو "إنشاء قسم" أو "إضافة رسوم متحركة". المصدر: zaaakher/agent-skills.

كيف أثبّت food-commerce-ui-designer؟

افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/zaaakher/agent-skills --skill food-commerce-ui-designer بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw

أين مستودع المصدر؟

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

التفاصيل

الفئة
*وسائط إبداعية
المصدر
skills.sh
أول ظهور
2026-02-25