·ui-design-styles
*

ui-design-styles

إرشادات شاملة لتطبيق أنماط تصميم واجهة المستخدم الحديثة، بما في ذلك واجهة المستخدم الناعمة، والوضع الداكن، والتصميم المسطح، والنيومورفيسم، والشكل الزجاجي، وتدرجات واجهة المستخدم أورورا. يُستخدم عندما يطلب المستخدم ما يلي: (1) تطبيق نمط واجهة مستخدم محدد على مشروع، أو (2) إنشاء نموذج أولي حديث وجذاب لواجهة المستخدم، (3) تحسين إمكانية الوصول مع اتباع اتجاهات التصميم، أو (4) فهم التنفيذ الفني لتأثيرات واجهة المستخدم المحددة مثل الزجاج المصنفر أو الظلال الناعمة.

3التثبيتات·0الرائج·@ab22593k

التثبيت

$npx skills add https://github.com/ab22593k/design-styles-skill --skill ui-design-styles

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

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

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

المصدر: ab22593k/design-styles-skill.

This skill provides specialized knowledge and workflows for implementing the most popular modern UI design styles. It focuses on achieving a professional, polished look while maintaining high standards for accessibility and legibility.

Regardless of the chosen style, always apply these fundamental practices:

إرشادات شاملة لتطبيق أنماط تصميم واجهة المستخدم الحديثة، بما في ذلك واجهة المستخدم الناعمة، والوضع الداكن، والتصميم المسطح، والنيومورفيسم، والشكل الزجاجي، وتدرجات واجهة المستخدم أورورا. يُستخدم عندما يطلب المستخدم ما يلي: (1) تطبيق نمط واجهة مستخدم محدد على مشروع، أو (2) إنشاء نموذج أولي حديث وجذاب لواجهة المستخدم، (3) تحسين إمكانية الوصول مع اتباع اتجاهات التصميم، أو (4) فهم التنفيذ الفني لتأثيرات واجهة المستخدم المحددة مثل الزجاج المصنفر أو الظلال الناعمة. المصدر: ab22593k/design-styles-skill.

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

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

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

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

Browse more skills from ab22593k/design-styles-skill

إجابات سريعة

ما هي ui-design-styles؟

إرشادات شاملة لتطبيق أنماط تصميم واجهة المستخدم الحديثة، بما في ذلك واجهة المستخدم الناعمة، والوضع الداكن، والتصميم المسطح، والنيومورفيسم، والشكل الزجاجي، وتدرجات واجهة المستخدم أورورا. يُستخدم عندما يطلب المستخدم ما يلي: (1) تطبيق نمط واجهة مستخدم محدد على مشروع، أو (2) إنشاء نموذج أولي حديث وجذاب لواجهة المستخدم، (3) تحسين إمكانية الوصول مع اتباع اتجاهات التصميم، أو (4) فهم التنفيذ الفني لتأثيرات واجهة المستخدم المحددة مثل الزجاج المصنفر أو الظلال الناعمة. المصدر: ab22593k/design-styles-skill.

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

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

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

https://github.com/ab22593k/design-styles-skill

التفاصيل

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

مهارات ذات صلة

لا يوجد