React Expert

This is a comprehensive React skill that covers modern hooks patterns, performance optimization with useMemo and useCallback, custom hooks like useFetch and useDebounce, and state management through Context API and useReducer. It's built for React 18+ and includes TypeScript examples throughout, with proper cleanup patterns and error handling baked in. The code samples are production-ready, showing real patterns like cancelled flags in useEffect and memoized components. Use this when you need Claude to scaffold React components with best practices already in place, or when refactoring legacy code to modern patterns. The skill understands the full ecosystem including Next.js and supports npm, pnpm, yarn, and bun for package management.

Install to Claude Code

npx -y skills add personamanagmentlayer/pcl --skill react-expert --agent claude-code