Accélérer React
La performance, par priorité
Choisi
Vercel React Best Practices
Cursor · Claude · Codex · Grok
Il applique les règles de performance React et Next.js par priorité, et non un vague « optimisez un peu ».
Agent Skills : Développement
Architecture, débogage, React, Vue et règles du code.
Chercher le bug
Reproduire, puis modifier
Diagnosing Bugs
Claude · Cursor · Codex · Grok
Il établit d’abord une boucle serrée avant de deviner : reproduire, isoler, puis poser le correctif.
Découper les modules
Petite interface, comportement derrière
Codebase Design
Claude · Grok · Codex
Il conçoit des modules profonds : une petite interface cache beaucoup de comportement, et les tests sont aux jointures.
Fixer les termes
Nommer avant d’écrire le code
Domain Modeling
Claude · Cursor · Grok
Il note les termes, les invariants et les décisions avant que le code ne fige les mauvais noms.
Écrire Vue correctement
API en cours, moins d’hallucinations
Vue Best Practices
Cursor · Claude · Codex
Il coupe les hallucinations de Vue 3 : API en vigueur, écriture par composition, et les erreurs que les modèles répètent encore.
Tester les pages
Ouvrir, cliquer, attraper la régression
Webapp Testing
Claude · Cursor · Codex · Tout agent
Il pilote une application Web locale avec Playwright : ouvrir les pages, suivre les clics, et attraper les régressions.
Composer les composants
Moins de props empilées
Vercel Composition Patterns
Cursor · Claude · Codex · Grok
Il organise les composants React par composition, et non par un arbre d’héritage qui empile les props.
Faire l’app
Écrire pour le téléphone, pas le Web
Vercel React Native Skills
Cursor · Claude · Codex
Il écrit du React Native en priorité mobile, et non en copiant aveuglément les habitudes du React pour le Web.
Brancher le paiement
Checkout et Webhook
Stripe Best Practices
Cursor · Claude · Codex · Tout agent
Il intègre Stripe de façon sûre : Checkout, Webhook, idempotence, et les clés restent hors du client.
Écrire le test d’abord
Échec, puis réussite, puis rangement
Test-Driven Development
Claude · Cursor · Codex · Grok
Il suit rouge, vert, puis remaniement : d’abord un test qui échoue, puis le code minimal qui le fait passer.