de agent-skills13
Une checklist de performance de 69 règles pour React et Next.js par Vercel — à utiliser lors de l'écriture, de la révision ou du refactoring de composants, de la récupération de données et des stratégies de bundle
Cette compétence fournit un ensemble d'opinions et de règles prioritaires (69 au total) pour améliorer les performances des applications React et Next.js. Elle couvre l'élimination des cascades de requêtes (fetch waterfalls), la réduction de la taille des bundles, les meilleures pratiques de rendu côté serveur (SSR) et de mise en cache, les modèles de récupération de données côté client, l'optimisation du rendu/re-rendu et les micro-optimisations au niveau du JS. Les conseils sont concrets et incluent des exemples au niveau de chaque règle, adaptés aux refactors automatisés ou à la revue humaine.
Utilisez cette compétence lors de la création ou de la révision de composants React et de pages Next.js, pour diagnostiquer des chemins de rendu lents, optimiser la taille du bundle, convertir des requêtes synchrones en flux parallèles, ou appliquer des améliorations de mise en cache et de sérialisation côté serveur. Elle est appropriée pour l'automatisation de la revue de code, les linters, ou lors de la génération de code de composants performant.
rules/ (has_references=false lors de la récupération mais le dossier rules existe)Probablement utile pour les agents axés sur le code et les outils qui génèrent ou refactorisent du code JavaScript/TypeScript (agents de codage style Copilot, Codex, Claude Code, harnais Cursor/Codex).
Une checklist de performance React/Next.js bien structurée de 69 règles organisée en 8 catégories de priorité provenant de Vercel. Aucun script ou code exécutable — purement une compétence de référence. Frontmatter clair, bonne divulgation progressive avec des préfixes de règles et des conditions de déclenchement spécifiques. Largement utile pour tout développeur travaillant avec React/Next.js.
Compétence de référence uniquement sans contenu exécutable. La sécurité est propre par définition. Les scores de qualité et d'architecture reflètent une organisation solide et des instructions claires, bien que les détails des règles individuelles soient dans des fichiers externes non inclus dans le corps. Utile pour les conseils d'optimisation des performances React/Next.js.
