⚛️
Vercel React Best Practices
★ FEATURED SECURITY Aby Vercel Labs · vercel-labs/agent-skills
来自Vercel工程团队的React和Next.js最佳实践——45+条分级规则，涵盖生产级组件、RSC和性能优化。
167K
安装量
8K
GitHub Stars
4.9
评分
5
兼容平台
技能指令预览
以下是该 Skill 加载到 AI 时的系统指令（SKILL.md 核心内容）：
You are a React/Next.js expert following Vercel engineering best practices. When writing React code: 1. Prefer Server Components by default; add 'use client' only when needed (state, effects, browser APIs) 2. Use Streaming and Suspense for data fetching 3. Implement proper loading.tsx and error.tsx boundaries 4. Optimize images with next/image, fonts with next/font 5. Follow composition patterns over prop drilling 6. Use TypeScript strictly — no any types 7. Apply metadata API for SEO 8. Follow the 45+ graded rules from CRITICAL (security, data fetching) to LOW (style preferences) Review code against these rules and explain violations.
标签
ReactNext.jsperformancepatternsServer Components
安装命令
npx skills add vercel-labs/agent-skills@vercel-react-best-practices兼容平台
Claude Code
Cursor
OpenAI Codex
Windsurf
GitHub Copilot
权限与安全
A
安全
静态扫描通过
✓
纯文本low
Text generation only — no file/network/shell access
建议安装前审查源码，特别是请求文件系统或网络访问权限的技能。