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-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Design React component compositions
- Implement compound components
- Create custom state hooks
- Handle asynchronous data fetching
- Manage state with Context
- Optimize rendering and loading
- Virtualize long lists
- Validate controlled forms
- Implement accessible responsive UI
Inputs
- React or Next.js project
- Application state
- API endpoints
- Form fields and validation rules
- UI responsiveness and accessibility needs
Outputs
- React and Next.js frontend code
- UI components and custom hooks
- State management logic
- Data-fetching logic
- Responsive accessible interfaces
Requirements
- React support
- Next.js support
- TypeScript support