React Best Practices
This is Vercel's official performance optimization rulebook turned into a Claude skill. It covers 45 specific rules across React and Next.js, from critical waterfall elimination and bundle size wins to smaller JS optimizations. The rules are prioritized by impact, so you can focus on what actually moves the needle. Use it when writing new components, reviewing PRs for performance issues, or refactoring data fetching patterns. Each rule includes before/after code examples, which makes it genuinely useful for code generation and automated refactoring. If you're doing serious React work and care about load times, this is one of the more comprehensive references out there.
- skills.sh installs
- 762
- GitHub stars
- 43.1K
- last updated
- Jul 14, 2026
Install
$ npx -y skills add sickn33/antigravity-awesome-skills --skill react-best-practices --agent claude-codeInstalls into .claude/skills of the current project.
Files
React Best Practices (catalog adaptation)
Comprehensive performance optimization guide for React and Next.js applications, adapted from Vercel’s published guidance. Contains 45 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
When to Use
Reference these guidelines when:
- Writing new React components or Next.js pages
- Implementing data fetching (client or server-side)
- Reviewing code for performance issues
- Refactoring existing React/Next.js code
- Optimizing bundle size or load times
Rule Categories by Priority
| Priority | Category | Impact | Prefix |
|---|---|---|---|
| 1 | Eliminating Waterfalls | CRITICAL | async- |
| 2 | Bundle Size Optimization | CRITICAL | bundle- |
| 3 | Server-Side Performance | HIGH | server- |
| 4 | Client-Side Data Fetching | MEDIUM-HIGH | client- |
| 5 | Re-render Optimization | MEDIUM | rerender- |
| 6 | Rendering Performance | MEDIUM | rendering- |
| 7 | JavaScript Performance | LOW-MEDIUM | js- |
| 8 | Advanced Patterns | LOW | advanced- |
Quick Reference
1. Eliminating Waterfalls (CRITICAL)
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/sickn33/antigravity-awesome-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from sickn33/antigravity-awesome-skills
All 708- Agent Orchestration Multi Agent Optimize760
- Prompt Caching760
- Notebooklm751
- Architecture Decision Records749
- Deployment Procedures749
- Notion Template Business749
- Antigravity Workflows748
- Nanobanana Ppt Skills748
- Python Pro747
- Wordpress Penetration Testing744
- Performance Engineer743
- File Uploads740
- Rag Implementation739
- Content Marketer737
- Marketing Psychology737
- Stitch Ui Design737
- Ab Test Setup736
- Frontend Security Coder735
- Writing Plans735
- Reverse Engineer732
- Canvas Design730
- Kaizen728
- Prompt Library727
- Parallel Agents726
Recommended
More Frontend Development
frontend-security-codersickn33/antigravity-awesome-skillsfrontend security coder735skills.sh installs
angular-developmentmindrally/skillsExpert guidance for Angular and TypeScript development focused on scalable, high-performance web applications729skills.sh installs
auth0-vueauth0/agent-skillsUse when adding Auth0 login, logout, protected routes, or user sessions to a Vue 3 SPA. Integrates @auth0/auth0-vue — use even if the user says "add login to my727skills.sh installs
vueuni-helper/skillsVue.js progressive JavaScript framework. Use when building Vue components, working with reactivity (ref, reactive, computed, watch), or implementing Vue Composi713skills.sh installs
cloudinary-reactcloudinary-devs/skillsProvides opinionated React SDK patterns for configuration, common integration scenarios, and troubleshooting for frequent errors and TypeScript pitfalls. Use wh685skills.sh installs
vite-react-best-practicesclaudiocebpaz/vite-react-best-practicesvite react best practices659skills.sh installs