- Mis à jour le
- Version
- v1.1
- Sources
- 1 source
- Statut
- Publié
vercel-react-best-practices
Bonnes pratiques React
Vercel
Guide l’implémentation et le refactor React ou Next.js avec des règles de performance priorisées.
- Licence
- MIT
- Risque
- Moyen
Niveau 1
Comprendre
Profil de risque
Ceci est un profil de risque, pas une certification ni une garantie de sécurité.
Que peut-elle lire ?
Présent
- Elle peut lire les fichiers React ou Next.js du projet que tu lui donnes.
Que peut-elle créer ou modifier ?
Présent
- Elle peut modifier des fichiers du projet lorsque tu lui demandes de construire ou de retravailler quelque chose (refactor).
Peut-elle utiliser Internet ou envoyer des données ?
Non évalué
- Les champs publiés ne disent pas si cette skill peut utiliser Internet ou envoyer des données.
Peut-elle utiliser des identifiants enregistrés ou un quota payant ?
Non évalué
- Les champs publiés ne disent pas si cette skill peut utiliser des identifiants enregistrés ou un quota payant.
Quelle action a besoin de ton accord ?
Présent
- Modifier des fichiers du projet n’est décrit que lorsque tu demandes une implémentation ou un retravail.
Quand la source a-t-elle été vérifiée, et l’instantané a-t-il changé depuis ?
Présent
- La source a été vérifiée le 2026-07-19. L’instantané publié correspond encore à cette vérification. Ce n’est pas un contrôle en direct de la source d’origine.
- Source canonique
- https://github.com/vercel-labs/agent-skills/blob/f8a72b9603728bb92a217a879b7e62e43ad76c81/skills/react-best-practices/SKILL.md(nouvel onglet)
- Révision source
- f8a72b9603728bb92a217a879b7e62e43ad76c81
- Licence
- MIT
- Date de vérification
- 2026-07-19
- Statut de la source
- Vérifiée
- Statut de changement
- Instantané cohérent
- L’instantané publié correspond encore à la dernière vérification. Ce n’est pas un contrôle en direct de la source d’origine.
Repères en français
Utilise ces formulations pour vérifier rapidement si cette skill correspond à ton besoin. Les instructions canoniques restent affichées en anglais dans les sections suivantes.
Déclencheurs
- écrire un composant React
- refactorer une route Next.js
- réduire le coût de performance React
Entrées
- sources React ou Next.js
- objectif d’implémentation borné
Sorties
- conseils de performance ou constats de revue
- modifications React ou Next.js bornées lorsque l’implémentation est demandée
Permissions
- lire les fichiers React ou Next.js bornés du dépôt
- écrire des modifications source bornées uniquement lorsqu’une implémentation ou un refactor est demandé
Contraintes et effets
- implémentation hors React
- audit visuel seul
- mise à jour automatique de dépendances
- accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill
- outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés
- des bases de code React et Next.js dans un runtime capable de lire les fichiers de règles référencés
- modifications locales du dépôt uniquement lorsqu’une implémentation ou un refactor est demandé
- les tests ou builds du projet peuvent être lancés comme vérification séparée lorsqu’ils existent, sans être exigés par la skill
- Niveau de risque : moyen
Comprendre
Objectifs couverts
- implement React code
- refactor Next.js code
- improve frontend performance
Entrées → sorties
- React or Next.js source
- bounded implementation objective
- performance guidance or review findings
- optional scoped React or Next.js code changes when implementation was requested
Reconnaître
Contenu source en anglais
Déclencheurs
- write a React component
- refactor a Next.js route
- reduce React performance cost
Hors périmètre
- non-React implementation
- visual design audit only
- automatic dependency upgrade
Niveau 2
Appliquer
Choisir
Contenu source en anglais
Permissions
- read scoped React or Next.js repository files
- write scoped source changes only when implementation or refactoring is requested
Effets externes
- local repository changes only when implementation or refactoring is requested
- project tests or builds may be run as separate verification when available, but the skill does not require them
Compatibilité
- React and Next.js codebases in a runtime that can read the referenced rule files
Outils requis
- read access to React or Next.js source and the skill's referenced rule files
- scoped repository write tools only for requested implementation or refactoring
Vérifie les permissions et confirme chaque effet externe avant d’utiliser cette skill.
Comparer
Comprendre → Reconnaître → Choisir → Comparer
Pack pour ton agent
Instruction pré-écrite par SkillCodex — ta demande n’est ni envoyée ni utilisée pour adapter ce texte ; aucun contenu n’est généré et copier n’exécute rien.
Utiliser dans ton agent
Réalise la tâche avec Bonnes pratiques React
# Utiliser Bonnes pratiques React dans ton agent ## Objectif Utilise la skill existante vercel-react-best-practices uniquement lorsqu’elle couvre directement la tâche demandée. ## Prérequis - sources React ou Next.js - objectif d’implémentation borné - accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill - outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés ## Permissions - lire les fichiers React ou Next.js bornés du dépôt - écrire des modifications source bornées uniquement lorsqu’une implémentation ou un refactor est demandé ## Effets externes - modifications locales du dépôt uniquement lorsqu’une implémentation ou un refactor est demandé - les tests ou builds du projet peuvent être lancés comme vérification séparée lorsqu’ils existent, sans être exigés par la skill ## Procédure - Ouvre la source canonique liée à la révision f8a72b9603728bb92a217a879b7e62e43ad76c81. - Lis les instructions de la skill avant d’appeler ses outils. - Demande une confirmation avant tout effet payant, destructif ou distant non déjà autorisé. - Exécute la procédure dans le périmètre demandé et conserve les preuves utiles. ## Quand ne pas utiliser - implémentation hors React - audit visuel seul - mise à jour automatique de dépendances ## Résultat attendu - conseils de performance ou constats de revue - modifications React ou Next.js bornées lorsque l’implémentation est demandée ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
- Prérequis · accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill
- Prérequis · outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés
- Prérequis · sources React ou Next.js
Pourquoi ça marche
- Le déclenchement est limité aux tâches réellement couvertes par la skill.
- Permissions, outils et effets externes sont visibles avant l’exécution.
- La confirmation et le format de sortie rendent les actions contrôlables.
À essayer ensuite
Contrôle le résultat de Bonnes pratiques React
# Vérifier le résultat de Bonnes pratiques React ## Objectif Contrôle que la skill vercel-react-best-practices a été utilisée dans son périmètre et que ses effets correspondent à la demande autorisée. ## Contrôles - Compare la source et la révision au manifeste. - Distingue les preuves locales, navigateur et externes. - Signale toute permission ou tout effet qui n’avait pas été annoncé. ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
sha256:dc170e35d53f95629e619d8b13acb36c4940c52c012a6f6fa3434ff0be2fac4e
Vérifier dans ton agent
Confirme que Bonnes pratiques React a produit le bon résultat
# Vérifier Bonnes pratiques React dans ton agent ## Résultat à contrôler Vérifie l’utilisation de vercel-react-best-practices pour la tâche bornée en cours. ## Signaux d’échec - La source ou la révision ne correspond pas au manifeste. - Une permission ou un effet externe n’a pas été annoncé. - La sortie ne correspond pas aux artefacts attendus. - La skill s’est déclenchée sur un non-déclencheur déclaré. ## Contrôles - Compare le SHA-256 de SKILL.md à sha256:71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355. - Confirme les permissions réellement employées et les effets observés. - Vérifie les artefacts avec le test le plus étroit disponible. - Sépare les preuves locales, navigateur et externes dans le compte rendu. ## Résultat attendu - conseils de performance ou constats de revue - modifications React ou Next.js bornées lorsque l’implémentation est demandée ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
- Prérequis · accès en lecture aux sources React ou Next.js et aux fichiers de règles référencés par la skill
- Prérequis · outils d’écriture bornés au dépôt uniquement pour une implémentation ou un refactor demandés
- Prérequis · sources React ou Next.js
Pourquoi ça marche
- Le contrôle repart du manifeste et des artefacts attendus, pas d’une impression générale.
- Les permissions et effets observés sont comparés à ce qui avait été annoncé.
- Les preuves locales, navigateur et externes restent séparées dans le verdict.
À essayer ensuite
Prépare le prochain contrôle de Bonnes pratiques React
# Rendre le contrôle de Bonnes pratiques React réutilisable ## Objectif Transforme les contrôles réussis en checklist bornée pour la prochaine utilisation de vercel-react-best-practices. ## Contrôles - Conserve uniquement les signaux observables. - Associe chaque permission à son effet attendu. - Prévois un arrêt explicite si la source ou la révision change. ## Garde-fous - Montre d’abord les changements envisagés avant toute action externe. - Ne publie, n’envoie, ne supprime, ne paie et ne modifie aucun état distant sans autorisation explicite. - Préserve les changements sans rapport et arrête-toi si le périmètre devient ambigu. ## Format de sortie - Résultat obtenu ou verdict. - Fichiers ou actions concernés. - Vérifications exécutées et preuves observables. - Blocages ou limites restantes.
sha256:c3a7b210e34c8e84e25eb593222075b232468cf7f4443d22134320049f555098
Digest du Pack: sha256:a7ab1702e77a7072386f013154c9a2ccdd405745e667dde0a5ef9e222d22ea09
Niveau 3
Vérifier
Provenance de la source
Ouvrir la source canonique (nouvel onglet)- Révision source
- f8a72b9603728bb92a217a879b7e62e43ad76c81
- Digest
- sha256:71ed7794962fa6e803ee83030517b5b93a9f70fbfeb431ec4535c5480a8d8355