What problem does it solve? Large monolithic frontend skill files force you to load irrelevant guidance on every task. This catalog replaces two oversized skills (frontend-patterns and frontend-a11y) with an index of focused skills, so you load only the component, state, performance, or accessibility guidance relevant to the work at hand. ## Core Features & Use Cases - Skill Index by Domain: Maps tasks to focused skills covering component composition, custom hooks, Context + useReducer state, forms, error boundaries, performance, animation, and five accessibility topics. - Task-Based Selection Guidance: Explains how to match a task (e.g., building a modal) to the right combination of skills such as a11y-focus-management, react-animation, and a11y-media-motion. - Use Case: When implementing an accessible modal dialog in a Next.js app, consult this catalog to identify that you need focus management, keyboard navigation, and reduced-motion skills rather than loading one large frontend document. ## Quick Start Ask which React frontend skill applies to building an accessible modal with animations, and use the catalog to pick the matching focused skills.
