·web-design-guidelines
*

web-design-guidelines

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

45التثبيتات·0الرائج·@asyrafhussin

التثبيت

$npx skills add https://github.com/asyrafhussin/agent-skills --skill web-design-guidelines

كيفية تثبيت web-design-guidelines

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

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

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

Comprehensive UI/UX and accessibility guidelines for building inclusive, performant web interfaces. Contains 21 rules across 8 categories, prioritized by WCAG compliance and user impact.

| 1 | Accessibility - Semantic Structure | CRITICAL | a11y- | | 2 | Accessibility - Keyboard & Focus | CRITICAL | a11y- | | 3 | Accessibility - Visual & Color | CRITICAL | a11y- | | 4 | Forms - Input & Validation | CRITICAL | form- | | 5 | Forms - Error Handling | HIGH | form- | | 6 | Forms - User Experience | MEDIUM | form- |

| 7 | Animation & Motion | CRITICAL | motion- | | 8 | Performance & UX | MEDIUM | perf- |

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

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

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

Browse more skills from asyrafhussin/agent-skills

إجابات سريعة

ما هي web-design-guidelines؟

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

كيف أثبّت web-design-guidelines؟

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

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

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