En bref
Cette skill est la copie publiée dans le greffon OpenAI « Vercel » : un reviseur condensé des pratiques React, déclenché après la modification de plusieurs composants TSX. Elle reprend les huit mêmes familles que le handbook officiel (files d’attente de requêtes, taille de bundle, performance serveur, chargement client, re-rendu, rendu, JavaScript, motifs avancés), sous forme de liste de contrôle. Parmi les points repris : ne pas s’abonner à un état utilisé seulement dans un rappel, ne pas définir un composant à l’intérieur d’un autre, et masquer un écart d’hydratation attendu quand c’est documenté. Le jeu de règles de ce greffon est plus réduit que celui du dépôt officiel vercel-labs (il n’inclut pas, par exemple, `advanced-effect-event-deps` ni `server-no-shared-module-state`). On la décrit donc comme le condensé du greffon, pas comme la version officielle complète, même si les familles de règles portent les mêmes noms.
Ce que ça fait
- Passe une liste de contrôle condensée sur des fichiers TSX venant d’être édités, selon huit familles de règles.
- Insiste sur les waterfalls, le bundle, le re-rendu et l’accessibilité telle que le condensé du greffon la présente.
- Rappelle de ne pas imbriquer la définition d’un composant, ni de s’abonner à un état seulement lu dans un rappel.
- Se distingue du handbook officiel, dont le répertoire `rules/` est plus fourni.
Pour qui, et un exemple
Quelqu’un qui travaille dans l’écosystème du greffon OpenAI Vercel et veut une revue React rapide après avoir touché plusieurs composants TSX, sans confondre ce condensé avec le dépôt officiel.
Exemple de demande : « Je viens de modifier plusieurs composants TSX dans ce projet : fais la checklist du greffon Vercel, et dis-moi en quoi elle est plus courte que le handbook officiel. »
À lancer après l’édition de plusieurs composants TSX, pour une revue condensée des pratiques React du greffon Vercel. Exemple rédigé par iadujour.fr à partir du SKILL.md, non testé.
Installer
Dans Codex : codex plugin add vercel@openai-curated (marketplace officielle du dépôt).
codex plugin add vercel@openai-curatedFonctionne avec
- Codex
Source : README : collection de plugins Codex ; la marketplace du dépôt s’appelle « Codex official ». D’autres agents ne sont pas nommés.
Niveau : Intermédiaire
Suppose un projet déjà en place chez l’éditeur et les outils décrits dans le SKILL.md.
À savoir
Extrait du SKILL.md
La description d’origine, celle que l’agent lit pour décider de charger la skill (en anglais) :
React best-practices reviewer for TSX files. Triggers after editing multiple TSX components to run a condensed quality checklist covering component structure, hooks usage, accessibility, performance, and TypeScript patterns.
Citée depuis le SKILL.md au commit 33bd952 . Le dossier contient aussi 68 fichiers annexes (agents/, rules/).
Le SKILL.md compte 134 lignes et 13 sections principales :
- When to Apply
- Rule Categories by Priority
- Quick Reference
- 1. Eliminating Waterfalls (CRITICAL)
- 2. Bundle Size Optimization (CRITICAL)
- 3. Server-Side Performance (HIGH)
- 4. Client-Side Data Fetching (MEDIUM-HIGH)
- 5. Re-render Optimization (MEDIUM)
- 6. Rendering Performance (MEDIUM)
- 7. JavaScript Performance (LOW-MEDIUM)
- 8. Advanced Patterns (LOW)
- How to Use
- Full Compiled Document
Licence : Aucune licence trouvée
Consultée le 10 novembre 2026 : aucun fichier de licence dans le dossier ni à la racine du dépôt.
Aucune licence trouvée : extrait court cité uniquement (droit de courte citation). Pour le texte complet, consultez la source.
Commentaires.
Un retour d’expérience, une question, une précision sur cette skill ? Les commentaires sont relus avant publication.
Commentaires publiés
Chargement des commentaires…
Laisser un commentaire
Charte de modération. Chaque commentaire est relu avant publication. Sont refusés : l’incitation à la haine, les propos injurieux ou discriminatoires, la publicité, le spam et les liens promotionnels, le hors-sujet et les données personnelles d’autrui.