vercel-react-best-practices
vercel-labs/cursor-plugin · skills.sh
Open source Repository Open in the app JSON README (API)
About
Skill publicada por vercel-labs/cursor-plugin no skills.sh. Instale com: npx skills add vercel-labs/cursor-plugin@vercel-react-best-practices
Details
- Kind
- Agent skills
- Topic
- Cloud & DevOps
- Publisher
- vercel-labs
- Origin
- skillssh
- Category
- ferramentas
- Stars
- 8
- Forks
- 4
- Last push
- 2026-02-11T05:51:55Z
- Repository state
- ativo
- Added
- 2026-10-07 05:29:29
- Updated
- 2026-10-07 05:29:29
- Origin id
vercel-labs/cursor-plugin/vercel-react-best-practices
README
# Vercel Plugin for Cursor Vercel development toolkit for Cursor — React/Next.js best practices from Vercel Engineering and deploy to Vercel. ## What's Included ### Skills **vercel-react-best-practices** — 57 performance optimization rules across 8 categories for React and Next.js, prioritized by impact. The skill dynamically fetches the latest rules from [vercel-labs/agent-skills](https://github.com/vercel-labs/agent-skills) on GitHub, so you always get up-to-date guidance without needing to update the plugin. Categories (by priority): 1. Eliminating Waterfalls (CRITICAL) 2. Bundle Size Optimization (CRITICAL) 3. Server-Side Performance (HIGH) 4. Client-Side Data Fetching (MEDIUM-HIGH) 5. Re-render Optimization (MEDIUM) 6. Rendering Performance (MEDIUM) 7. JavaScript Performance (LOW-MEDIUM) 8. Advanced Patterns (LOW) ### Commands **vercel-deploy** — Deploy your project to Vercel using the official Vercel CLI. Handles CLI installation, authentication, and both preview and production deployments. ## Usage After installing the plugin in Cursor: - The **react best practices skill** activates automatically when writing, reviewing, or refactoring React/Next.js code. It fetches detailed rule guidance from GitHub as needed. - Use the **`/vercel-deploy`** command to deploy your project. The agent will walk through CLI setup, authentication, and deployment. ## License MIT