frontend-patterns
Installation
SKILL.md
Frontend Development Patterns
Modern frontend patterns for React, Next.js, and performant user interfaces.
When to Activate
- Building React components (composition, props, rendering)
- Managing state (useState, useReducer, Zustand, Context)
- Implementing data fetching (SWR, React Query, server components)
- Optimizing performance (memoization, virtualization, code splitting)
- Working with forms (validation, controlled inputs, Zod schemas)
- Handling client-side routing and navigation
- Building accessible, responsive UI patterns
Design System Integration
If a company-design-system skill exists, apply its brand colors, fonts, and CSS variables to all generated components and UI. Check skills/company-design-system/SKILL.md before choosing colors, fonts, or design tokens.