frontend-patterns - Apply React and Next.js frontend patterns
Provides patterns for React and Next.js components, hooks, state management, performance, forms, and UI practices.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Compose React components
- Build compound components
- Create custom hooks
- Manage state with reducers
- Optimize rendering performance
- Split and lazy-load code
- Virtualize long lists
- Validate controlled forms
Inputs
Outputs
- Frontend pattern guidance
- React and TypeScript code examples
