React Patterns skills for AI agents
8 practitioner-grade react patterns skills, each a focused Markdown document your agent loads into context on demand. Search them from Claude Desktop, Cursor or any MCP client, or pull one with the CLI.
All 8 skills
- Compound Components
Compound component pattern for building flexible, implicitly-shared React component APIs
168 lines - Context Patterns
React Context patterns for efficient state sharing, provider composition, and avoiding unnecessary re-renders
226 lines - Custom Hooks
Custom hooks pattern for extracting and reusing stateful logic across React components
189 lines - Error Boundaries
Error boundary pattern for gracefully catching and recovering from runtime errors in React component trees
198 lines - Optimistic Updates
Optimistic update patterns for instant UI feedback with server reconciliation and rollback in React
251 lines - Render Props
Render props pattern for sharing cross-cutting logic through function-as-children and render callbacks
181 lines - Server Components
React Server Components pattern for zero-bundle server-rendered components with direct backend access
196 lines - Suspense Patterns
React Suspense patterns for declarative loading states, data fetching, and code splitting
174 lines