ui-design-styles

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