Créer des compétences IA sans tests conduit à une documentation que les agents ignorent sous pression. Cette compétence applique le développement piloté par les tests à la création de compétences : exécutez d'abord des scénarios en échec, documentez les échecs, rédigez des compétences comblant ces lacunes spécifiques, puis vérifiez la conformité.

Utilisez cette compétence pour générer des plans d'implémentation complets avec des tâches courtes avant d'écrire du code. Elle structure les tâches en étapes de 2 à 5 minutes avec les chemins de fichiers exacts, les commandes de test et les messages de commit.

Cette compétence corrige les erreurs d'accessibilité de PageSpeed Insights et Lighthouse causées par des échecs de contraste des couleurs. Elle analyse les motifs CSS qui déclenchent des échecs d'audit d'accessibilité et fournit des modèles de correction éprouvés pour améliorer votre performance SEO.

Cette compétence Audite automatiquement les interfaces web contre les directives d'interface web de Vercel, identifiant les problèmes d'accessibilité, les problèmes UX et les violations de conformité de conception dans votre code UI.

La création d'artefacts React multi-composants pour les conversations Claude nécessite un bundling et une configuration complexes. Cette compétence automatise la configuration du projet avec React 18, TypeScript, Tailwind CSS et plus de 40 composants shadcn/ui, puis bundle tout dans un seul fichier HTML.

Le test local d'applications web nécessite une automatisation de navigateur fiable sans configuration manuelle. Cette boîte à outils fournit des scripts Playwright et des utilitaires de gestion de serveur pour rationaliser les flux de travail de test frontend.

Cette compétence empêche les agents IA de faire de fausses déclarations d'achèvement en exigeant des preuves de vérification réelles avant de signaler le succès. Elle garantit que les tests passent, que les builds réussissent et que le travail est véritablement terminé.

Construire des applications React performantes nécessite de comprendre des modèles d'optimisation complexes. Cette compétence fournit 45 règles priorisées par Vercel Engineering pour guider l'IA dans l'écriture, la révision et le refactoring de code React et Next.js pour des performances optimales.

Déployez n'importe quel projet sur Vercel sans authentification ni configuration. Le skill empaquète votre code, détecte automatiquement votre framework et retourne des URL de prévisualisation en quelques secondes.

Cette méta-compétence établit une discipline de flux de travail critique en exigeant que Claude Code vérifie et invoque les compétences pertinentes avant toute réponse ou action, empêchant ainsi les occasions manquées et la rationalisation.

Les worktrees Git permettent de travailler simultanément sur des branches sans changer de contexte. Cette compétence fournit une sélection systématique des répertoires et une vérification de sécurité pour une isolation fiable des espaces de travail.

La création de designs UI/UX professionnels nécessite une connaissance approfondie de l'accessibilité, de la théorie des couleurs, de la typographie et des modèles spécifiques à chaque pile technologique. Cette compétence fournit une base de données searchable de plus de 50 styles de design, palettes de couleurs, associations de polices et directives d'implémentation pour vous aider à créer des interfaces raffinées plus rapidement.

Transformez des documents et présentations simples en artefacts visuellement soignés grâce à des thèmes de design curatorisés. Choisissez parmi 10 thèmes pré-conçus ou créez un style personnalisé correspondant à l'identité de votre marque.

Écrire des tests après le code conduit à une confiance erronée et à des cas limites manqués. Cette compétence impose la discipline TDD : écrire d'abord un test qui échoue, puis implémenter juste assez de code pour le faire passer.

Les corrections aléatoires font perdre du temps et créent de nouveaux bugs. Cette compétence fournit un cadre de débogage en quatre phases qui trouve les causes racines avant d'implémenter des solutions, évitant ainsi de gaspiller des efforts sur des corrections basées sur les symptômes.

Les agents IA ont souvent du mal avec les implémentations multi-tâches complexes. Cette compétence résout ce problème en déléguant à de nouveaux sous-agents pour chaque tâche avec des revues obligatoires de conformité aux spécifications et de qualité du code.

Créez des GIF animés optimisés pour Slack en utilisant PIL Python. Générez des animations personnalisées avec des fonctions d'easing et une optimisation automatique de la taille de fichier pour les contextes emoji et messages.

Créer des skills efficaces pour l'IA nécessite de comprendre la gestion du contexte, la divulgation progressive et la conception de ressources réutilisables. Ce skill fournit un cadre complet pour créer des skills modulaires qui étendent les capacités de Claude sans gaspiller d'espace dans la fenêtre de contexte.

Les développeurs passent souvent à côté de problèmes dans leur propre code parce qu'ils sont trop proches de l'implémentation. Cette compétence délègue un sous-agent IA pour examiner les modifications de code par rapport aux exigences, en vérifiant la qualité, l'architecture, les tests et la préparation pour la production avant la fusion.

La revue de code nécessite une évaluation technique, pas une performance émotionnelle. Cette compétence fournit un modèle structuré pour vérifier les retours de revue avant implémentation, assurant l'exactitude technique plutôt que le confort social.