React Best Practices
vercel/vercel-pluginThis tool checks your React and TypeScript code for common mistakes and areas to improve. It looks at how your components are built, how you use hooks, and if your code follows modern React patterns. It also helps with accessibility and performance.
After you edit several TSX files, the reviewer runs a checklist. It flags issues like using old CSS-in-JS libraries and suggests better options like shadcn/ui with Tailwind CSS. This helps you write cleaner, faster code that works well with Vercel.
Developers who use React and Next.js will find this useful. It saves time by catching problems early and gives clear advice on how to fix them.
Add React Best Practices skill to your workflow
Global
mkdir -p ~/.claude/skills/react-best-practicesProject
mkdir -p .claude/skills/react-best-practicesSource Repository
More Code Review & Quality Claude Code Skills
Improve Codebase Architecturemattpocock/skills
Scan your codebase for architecture improvements with visual reports and pick one to refactor
Web Design Guidelinesvercel-labs/agent-skills
Review your UI code for compliance with web interface guidelines
Caveman Reviewjuliusbrussee/caveman
Ultra-compressed one-line code review comments that cut noise
Zoom Outmattpocock/skills
Get a big picture view of your code with a simple map of modules and callers
Codebase Designmattpocock/skills
Create deep modules with tiny interfaces and lots of hidden logic for testability
Requesting Code Reviewobra/superpowers
Catch code issues early with focused automated reviews before every merge
Request Refactor Planmattpocock/skills
Plan safe code refactors with tiny commits and clear GitHub issues
Receiving Code Reviewobra/superpowers
Think first, then code. Verify feedback before making changes. Stay objective