cc-skill-frontend-patterns - Frontend Development Patterns for React
Provides patterns for React and Next.js components, hooks, state management, performance optimization, data fetching, and form handling.
Tags
Updated: 2026-09-29Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Apply component composition patterns
- Build compound components
- Implement render props
- Create custom hooks
- Manage state with reducers
- Handle asynchronous data fetching
- Optimize rendering performance
- Split and lazy-load code
- Virtualize long lists
- Validate controlled forms
Inputs
- Frontend project code
- UI requirements
- API endpoints
- Application data models
Outputs
- Frontend component code
- Custom hook code
- State management code
- Optimized rendering behavior
- Validated form behavior
Requirements
- React-compatible frontend environment
- TypeScript support