Vercel Engineering의 React 및 Next.js 성능 최적화 지침. 최적의 성능 패턴을 보장하기 위해 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 이 기술을 사용해야 합니다. React 구성 요소, Next.js 페이지, 데이터 가져오기, 번들 최적화 또는 성능 개선과 관련된 작업을 트리거합니다.
명령줄에서 vercel-react-best-practices AI 스킬을 개발 환경에 빠르게 설치
출처: siberiacancode/agent-skills.
Comprehensive performance optimization guide for React and Next.js applications, maintained by Vercel. Contains 57 rules across 8 categories, prioritized by impact to guide automated refactoring and code generation.
| 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- |
Vercel Engineering의 React 및 Next.js 성능 최적화 지침. 최적의 성능 패턴을 보장하기 위해 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 이 기술을 사용해야 합니다. React 구성 요소, Next.js 페이지, 데이터 가져오기, 번들 최적화 또는 성능 개선과 관련된 작업을 트리거합니다. 출처: siberiacancode/agent-skills.
AI/검색 인용용 안정적인 필드와 명령어.
npx skills add https://github.com/siberiacancode/agent-skills --skill vercel-react-best-practicesVercel Engineering의 React 및 Next.js 성능 최적화 지침. 최적의 성능 패턴을 보장하기 위해 React/Next.js 코드를 작성, 검토 또는 리팩토링할 때 이 기술을 사용해야 합니다. React 구성 요소, Next.js 페이지, 데이터 가져오기, 번들 최적화 또는 성능 개선과 관련된 작업을 트리거합니다. 출처: siberiacancode/agent-skills.
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/siberiacancode/agent-skills --skill vercel-react-best-practices 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code, Cursor, OpenClaw에서 사용할 수 있습니다
https://github.com/siberiacancode/agent-skills