vercel-labs

Claude peut automatiquement revoir le code UI par rapport aux principes de conception Web établis, détectant les problèmes d'accessibilité, les problèmes d'utilisabilité et les violations des bonnes pratiques avant le déploiement. Cette compétence récupère les dernières directives et effectue une analyse statique pour identifier les améliorations.

L'ajout de transitions de page fluides et d'animations d'éléments partagés aux applications React nécessite de comprendre l'API View Transitions et ses schémas d'intégration. Cette compétence fournit des conseils étape par étape, des recettes CSS et des motifs Next.js provenant de Vercel Labs.

La création d'applications React Native performantes nécessite le respect de modèles spécifiques à chaque plateforme pour les listes, les animations et la gestion de l'état. Cette compétence fournit plus de 35 règles d'agents IA pour le développement mobile optimisé.

Les applications React souffrent souvent de problèmes de performances comme les re-rendus inutiles, les tailles de bundle importantes et les cascades de récupération de données séquentielle. Cette compétence fournit 45 règles priorisées issues de l'ingénierie Vercel pour éliminer ces goulots d'étranglement et construire des applications web haute performance.

La création de composants React avec des props booléennes entraîne un code peu maintenable. Cette compétence fournit des lignes directrices prêtes pour l'IA pour l'utilisation de composants composés, de l'élévation de l'état et de la composition interne afin de créer des architectures de composants évolutives.

Le déploiement d'applications web sur Vercel nécessite une authentification et une configuration de projet. Cette skill permet à votre assistant IA de gérer les déploiements Vercel en utilisant des tokens d'accès, sans invites de connexion interactives.

La vérification manuelle des messages Slack et la recherche dans les conversations prennent du temps. Cette skill automatise l'interaction avec Slack via l'automatisation de navigateur sans nécessiter d'authentification API ni de jetons de bot.

Les utilisateurs ont besoin de conseils pour créer des compétences efficaces pour Claude Code. Cette compétence fournit un guide complet pour construire, structurer et empaqueter des compétences avec des bonnes pratiques éprouvées.

Une compétence IA pour Claude, Codex et Claude Code

Un skill AI pour Claude, Codex et Claude Code

Les applications Next.js effectuent souvent des requêtes de données répétées, ce qui ralentit le chargement des pages. Les Cache Components permettent le Partial Prerendering et des stratégies de cache intelligentes pour servir le contenu mis en cache instantanément tout en diffusant les parties dynamiques.

Arrêtez de deviner les modèles Next.js et écrivez du code qui s'adapte. Cette compétence fournit des conseils faisant autorité de Vercel sur les conventions de fichiers, les React Server Components, la récupération de données, la gestion des erreurs et les bonnes pratiques de déploiement.

Les utilisateurs ignorent souvent quelles compétences existent pour les aider dans leurs tâches. Cette compétence les guide pour découvrir les capacités pertinentes de l'écosystème d'agents ouvert et les installer avec des commandes simples.

Contrôlez les applications Electron comme VS Code, Slack, Discord et Figma via le Chrome DevTools Protocol. Connectez-vous aux applications de bureau en cours d'exécution, automatisez les interactions UI et testez les applications Electron natives.

Dogfood explore systématiquement les applications web pour trouver des bugs, des problèmes d'UX et d'autres problèmes, produisant des rapports structurés avec des preuves complètes de reproduction incluant des captures d'écran et des vidéos.

Le déploiement manuel de projets sur Vercel prend du temps et nécessite de naviguer dans le tableau de bord. Cette compétence automatise l'ensemble du flux de travail de déploiement avec détection automatique du framework et génération d'URL de prévisualisation.

L'automatisation manuelle des interactions web est chronophage et sujette aux erreurs. Agent-browser fournit une interface de ligne de commande pour l'automatisation du navigateur qui permet le remplissage automatique de formulaires, la capture d'écrans, le web scraping et les workflows de tests de bout en bout.