Guide d'optimisation des performances React et Next.js de Vercel Engineering. Utilisez cette compétence lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js pour garantir des modèles de performances optimaux. Déclenche des tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou l'amélioration des performances.
Installez rapidement le skill IA vercel-react-best-practices dans votre environnement de développement via la ligne de commande
Source : jackiexiao/jackie-skills-dev.
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- |
Guide d'optimisation des performances React et Next.js de Vercel Engineering. Utilisez cette compétence lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js pour garantir des modèles de performances optimaux. Déclenche des tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou l'amélioration des performances. Source : jackiexiao/jackie-skills-dev.
Champs et commandes stables pour les citations IA/recherche.
npx skills add https://github.com/jackiexiao/jackie-skills-dev --skill vercel-react-best-practicesGuide d'optimisation des performances React et Next.js de Vercel Engineering. Utilisez cette compétence lors de l'écriture, de la révision ou de la refactorisation du code React/Next.js pour garantir des modèles de performances optimaux. Déclenche des tâches impliquant des composants React, des pages Next.js, la récupération de données, l'optimisation du bundle ou l'amélioration des performances. Source : jackiexiao/jackie-skills-dev.
Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/jackiexiao/jackie-skills-dev --skill vercel-react-best-practices Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw
https://github.com/jackiexiao/jackie-skills-dev