أنماط إدارة تركيز لوحة المفاتيح لسهولة الوصول. يغطي مصائد التركيز وعلامات التبويب المتجولة واستعادة التركيز وتخطي الروابط ومكونات FocusScope لعناصر واجهة المستخدم التفاعلية المتوافقة مع WCAG. يُستخدم عند تنفيذ مصائد التركيز أو التنقل باستخدام لوحة المفاتيح.
ثبّت مهارة الذكاء الاصطناعي focus-management بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: yonatangross/skillforge-claude-plugin.
Essential patterns for managing keyboard focus in accessible web applications, ensuring keyboard-only users can navigate complex interactive components.
| Decision | Option A | Option B | Recommendation |
| Trap vs Contain | FocusTrap (strict) | FocusScope (soft) | Trap for modals, Scope for popovers | | Restore strategy | Trigger element | Last focused | Always restore to trigger | | Skip links | Single main skip | Multiple landmarks | Multiple for complex layouts | | Initial focus | First focusable | Auto-focus input | Context-dependent, prefer inputs |
أنماط إدارة تركيز لوحة المفاتيح لسهولة الوصول. يغطي مصائد التركيز وعلامات التبويب المتجولة واستعادة التركيز وتخطي الروابط ومكونات FocusScope لعناصر واجهة المستخدم التفاعلية المتوافقة مع WCAG. يُستخدم عند تنفيذ مصائد التركيز أو التنقل باستخدام لوحة المفاتيح. المصدر: yonatangross/skillforge-claude-plugin.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill focus-managementBrowse more skills from yonatangross/skillforge-claude-plugin
أنماط إدارة تركيز لوحة المفاتيح لسهولة الوصول. يغطي مصائد التركيز وعلامات التبويب المتجولة واستعادة التركيز وتخطي الروابط ومكونات FocusScope لعناصر واجهة المستخدم التفاعلية المتوافقة مع WCAG. يُستخدم عند تنفيذ مصائد التركيز أو التنقل باستخدام لوحة المفاتيح. المصدر: yonatangross/skillforge-claude-plugin.
افتح الطرفية أو أداة سطر الأوامر لديك مثل Terminal أو iTerm أو Windows Terminal انسخ ونفّذ هذا الأمر: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill focus-management بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/yonatangross/skillforge-claude-plugin