vercel-composition-patterns

Modèles de composition React pour faire évoluer les composants et éviter la prolifération de props booléennes. Couvre quatre catégories prioritaires : architecture des composants, gestion d'état, modèles d'implémentation et API React 19, chacune avec des règles spécifiques et des exemples de code. Inclut plus de 10 modèles nommés abordant les composants composés, les fournisseurs de contexte, le remontée d'état et les variantes explicites. Conçu pour refactoriser des composants surchargés, construire des bibliothèques réutilisables et examiner les décisions d'architecture des composants. React...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

Télécharger ZIP GitHub

Plus de skills de vercel

benchmark-sandbox

Exécute les scénarios d'évaluation de vercel-plugin dans des sandbox Vercel au lieu de panneaux WezTerm locaux. Provisionne des microVM éphémères avec Claude Code et le plugin préinstallé,…

emil-design-eng

Cette compétence encode la philosophie d'Emil Kowalski sur le polissage UI, la conception de composants, les décisions d'animation et les détails invisibles qui rendent un logiciel agréable.

vercel-react-best-practices

Directives d'optimisation des performances React et Next.js de l'équipe Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

vercel-react-best-practices

Directives d'optimisation des performances React et Next.js de Vercel Engineering. Cette compétence doit être utilisée lors de l'écriture, de la révision ou du refactoring de code React/Next.js…

Produire un guide technique qui enseigne un cas d'usage concret à travers des exemples progressifs. Les concepts ne sont introduits que lorsque le lecteur en a besoin.

Release vercel-plugin — exécuter les gates, incrémenter la version, générer les artefacts, commiter et pousser. Utiliser lorsqu'on demande de "release", "ship", "bump and push" ou "cut a release".

Exécuter DeepSec sur un checkout de projet Vercel depuis dev3000. Utiliser pour la configuration DeepSec en un clic, l’amorçage du contexte du projet, le traitement limité de premier passage, et…

Effectuer un backport d'une pull request Next.js fusionnée depuis canary vers une branche de version précédente telle que next-16-2. Utiliser lorsque l'utilisateur demande de faire un backport, un cherry-pick ou d'ouvrir un…