·ui-ux-design
*

ui-ux-design

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

14التثبيتات·0الرائج·@arvindand

التثبيت

$npx skills add https://github.com/arvindand/agent-skills --skill ui-ux-design

كيفية تثبيت ui-ux-design

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

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

المصدر: arvindand/agent-skills.

Create functional, accessible, visually distinctive interfaces. Output is working code.

| Contrast | 4.5:1 text, 3:1 UI components | | Focus states | Visible outline on all interactive elements | | Touch targets | Minimum 44×44px | | Reduced motion | Respect prefers-reduced-motion | | Labels | All inputs have associated labels | | Empty states | Helpful message + clear action | | Error states | Explain what happened + how to fix |

| Minimalism | Productivity, professional, portfolios | | Glassmorphism | Dashboards, tech products | | Neubrutalism | Creative, startups, distinctive brands | | Editorial | Content sites, publications | | Organic | Consumer apps, wellness, community | | Dark Mode | User preference, low-light contexts |

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

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

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

Browse more skills from arvindand/agent-skills

إجابات سريعة

ما هي ui-ux-design؟

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

كيف أثبّت ui-ux-design؟

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

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

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

التفاصيل

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