agent-skills

Agent Skills est une collection de compétences pour agents IA de codage, packagées sous forme d'instructions et de scripts qui étendent les capacités des agents. Les compétences suivent le format Agent Skills et sont automatiquement disponibles une fois installées, l'agent les invoquant lorsqu'il détecte des tâches pertinentes. Compétences incluses : - vercel-optimize : Audite un projet Vercel pour les coûts, performances, fiabilité, mise en cache, utilisation des fonctions et opportunités de facturation. Il collecte d'abord les métriques Vercel, puis n'investigue que les routes et fichiers pointés par ces métriques. Conçu pour optimiser les projets déployés, réduire les coûts ou l'utilisation des fonctions, enquêter sur les routes lentes ou coûteuses, trouver les problèmes de mise en cache/ISR/middleware/images/minutes de build, et produire un rapport classé des coûts et performances. - react-best-practices : Directives d'optimisation des performances React et Next.js de Vercel Engineering, avec plus de 40 règles réparties en 8 catégories priorisées par impact. Les catégories incluent l'élimination des cascades, l'optimisation de la taille du bundle, les performances côté serveur, la récupération de données côté client, l'optimisation des re-rendus, les performances de rendu et les micro-optimisations JavaScript. Utile lors de l'écriture de composants ou de pages, de la mise en œuvre de la récupération de données, de la revue de code pour les performances, ou de l'optimisation de la taille du bundle et des temps de chargement. - web-design-guidelines : Examine le code UI selon plus de 100 règles couvrant l'accessibilité, les performances et l'UX. Les catégories incluent l'accessibilité, les états de focus, les formulaires, l'animation, la typographie, les images, les performances, la navigation et l'état, le mode sombre et le thème, le toucher et l'interaction, et la locale/i18n. - writing-guidelines : Examine la documentation et la prose selon le manuel de rédaction Vercel avec plus de 80 règles couvrant la planification, la voix et le ton, le ton par type de contenu, les titres et la structure, les listes, le code, les espaces réservés/unités/nombres, la typographie, le formatage source, les pages de prix et d'argent, le flux de travail IA et la revue. - react-native-guidelines : Bonnes pratiques React Native optimisées pour les agents IA, avec 16 règles réparties en 7 sections couvrant les performances, la mise en page, l'animation, les images, la gestion d'état, l'architecture et les modèles spécifiques à la plateforme. - react-view-transitions : Conseils pour implémenter des animations avec l'API View Transition de React, couvrant le composant ViewTransition, addTransitionType, les types de transition, les transitions d'éléments partagés, les animations JavaScript via l'API Web Animations, l'intégration Next.js incluant la prop transitionTypes sur next/link, des recettes CSS d'animation prêtes à l'emploi et des considérations d'accessibilité. - composition-patterns : Modèles de composition React pour la mise à l'échelle, aidant à éviter la prolifération de props booléennes grâce aux composants composés, au levage d'état et à la composition interne. - vercel-deploy-claimable : Déploie des applications et sites web sur Vercel, conçu pour être utilisé avec claude.ai et Claude Desktop. Il détecte automatiquement plus de 40 frameworks à partir de package.json, renvoie une URL d'aperçu et une URL de revendication pour transférer la propriété, gère les projets HTML statiques et exclut node_modules et .git des téléversements. L'installation se fait via npx skills add vercel-labs/agent-skills. Chaque compétence contient un SKILL.md avec des instructions pour l'agent, des scripts optionnels pour l'automatisation et des références optionnelles. Chaque modification d'une compétence sur main publie une version GitHub immuable avec un index de découverte Agent Skills et un artefact par compétence ; les mêmes artefacts peuvent être construits localement avec un script fourni. Le projet est sous licence MIT.