·focus-management
>_

focus-management

yonatangross/orchestkit

Patrones de gestión del enfoque del teclado para accesibilidad. Cubre trampas de enfoque, índice de pestañas móvil, restauración de enfoque, enlaces de omisión y componentes de FocusScope para widgets interactivos compatibles con WCAG. Úselo al implementar trampas de enfoque o navegación con el teclado.

12Instalaciones·0Tendencia·@yonatangross

Instalación

$npx skills add https://github.com/yonatangross/orchestkit --skill focus-management

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 |

Patrones de gestión del enfoque del teclado para accesibilidad. Cubre trampas de enfoque, índice de pestañas móvil, restauración de enfoque, enlaces de omisión y componentes de FocusScope para widgets interactivos compatibles con WCAG. Úselo al implementar trampas de enfoque o navegación con el teclado. Fuente: yonatangross/orchestkit.

Ver original

Datos (listos para citar)

Campos y comandos estables para citas de IA/búsqueda.

Comando de instalación
npx skills add https://github.com/yonatangross/orchestkit --skill focus-management
Categoría
>_Productividad
Verificado
Primera vez visto
2026-02-01
Actualizado
2026-02-18

Respuestas rápidas

¿Qué es focus-management?

Patrones de gestión del enfoque del teclado para accesibilidad. Cubre trampas de enfoque, índice de pestañas móvil, restauración de enfoque, enlaces de omisión y componentes de FocusScope para widgets interactivos compatibles con WCAG. Úselo al implementar trampas de enfoque o navegación con el teclado. Fuente: yonatangross/orchestkit.

¿Cómo instalo focus-management?

Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/yonatangross/orchestkit --skill focus-management Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code o Cursor

¿Dónde está el repositorio de origen?

https://github.com/yonatangross/orchestkit