focus-management
✓Keyboard focus management patterns for accessibility. Covers focus traps, roving tabindex, focus restore, skip links, and FocusScope components for WCAG-compliant interactive widgets. Use when implementing focus traps or keyboard navigation.
Installation
SKILL.md
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 |
Keyboard focus management patterns for accessibility. Covers focus traps, roving tabindex, focus restore, skip links, and FocusScope components for WCAG-compliant interactive widgets. Use when implementing focus traps or keyboard navigation. Source: yonatangross/skillforge-claude-plugin.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill focus-management- Category
- >_Productivity
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is focus-management?
Keyboard focus management patterns for accessibility. Covers focus traps, roving tabindex, focus restore, skip links, and FocusScope components for WCAG-compliant interactive widgets. Use when implementing focus traps or keyboard navigation. Source: yonatangross/skillforge-claude-plugin.
How do I install focus-management?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/yonatangross/skillforge-claude-plugin --skill focus-management Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/yonatangross/skillforge-claude-plugin
Details
- Category
- >_Productivity
- Source
- skills.sh
- First Seen
- 2026-02-01