react-design-patterns
No SKILL.md available for this skill.
View on GitHubMore from b4r7x/agent-skills
react-useeffect
Use when writing, reviewing, or debugging useEffect in React. Covers the 6 valid use cases, 7 anti-patterns, dependency pitfalls, and the decision tree for whether you actually need an effect.
18react-usememo
Use when writing or reviewing useMemo usage in React components. Covers the 4 valid cases, when to skip it, and the practical heuristic for deciding.
16react-senior-guide
Use when writing or reviewing any React code as a comprehensive reference. Routes to 7 specialized React skills covering hooks, patterns, and anti-patterns. Includes cross-cutting principles and an AI code review checklist.
16react-useref
Use when deciding between useRef and useState, implementing DOM access, storing mutable values between renders, or integrating external libraries. Covers the 4 valid cases and the useEffectEvent replacement.
15react-hook-authoring-fix
Audits custom React hooks for overengineering, memoization issues, consumer DX problems, and known antipatterns, then applies fixes. Use when the user wants to audit hooks, fix hook patterns, clean up memoization, or asks "audit hooks", "fix hooks", "check my hooks". Applies the react-hook-authoring principles.
9nextjs-supabase-guard
Full-stack validation guard for Next.js + Supabase projects. Orchestrates code-quality, react-guard, nextjs-guard, and Supabase-specific skills.
7