frontend-patterns - Apply React and Next.js frontend patterns
Provides frontend development patterns for React, Next.js, state management, performance optimization, and UI best practices.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply composition patterns
- Build compound components
- Implement render props
- Create custom hooks
- Manage shared state
- Optimize component performance
- Split and lazy-load code
- Virtualize long lists
- Validate controlled forms
Inputs
- Frontend project requirements
- Framework selection
- State management needs
- Data fetching requirements
- Performance constraints
- Form validation rules
Outputs
- Frontend implementation guidance
- React component patterns
- Custom hook examples
- State management examples
- Performance optimization examples
- Form handling examples