Les gardes de navigation et les modèles de cycle de vie de Vue Router provoquent souvent des bugs difficiles à déboguer. Cette compétence fournit des solutions éprouvées pour les défis courants de Vue Router 4, notamment l'implémentation des gardes, les changements de paramètres de route et le nettoyage des composants.

Les applications Vue rencontrent souvent des problèmes de gestion d’état comme la perte de réactivité, des erreurs d’initialisation et des difficultés de débogage. Cette compétence fournit des modèles éprouvés et des solutions pour implémenter correctement des stores Pinia dans des applications Vue 3.

Les développeurs rencontrent des difficultés avec l'intégration TypeScript de l'API Options Vue.js et les pièges courants. Cette compétence fournit des modèles éprouvés et des solutions pour un code API Options type-safe dans Vue 2 et Vue 3.

Les projets Vue.js souffrent souvent d'un flux de données peu clair et d'erreurs de réactivité. Cette compétence fournit des bonnes pratiques complètes pour le développement Vue 3 et Nuxt 3, notamment une gestion d'état correcte, des patrons de composants et une architecture de flux de données.

Les applications Vue 3 rencontrent des erreurs d'exécution, des messages d'avertissement, des échecs asynchrones et des problèmes d'hydratation SSR difficiles à déboguer. Cette compétence fournit des guides de débogage complets et des solutions pour plus de 100 problèmes courants de développement Vue 3.

Les projets Vue souffrent souvent de bugs de réactivité et de patterns incohérents. Cette compétence fournit des conseils sur Vue 3 Composition API, SSR et TypeScript avec des exemples concrets de bonnes et mauvaises pratiques.

La création de composables Vue avec des types d'entrées flexibles est un défi. Cette compétence fournit un modèle pour construire des composables de qualité bibliothèque qui acceptent à la fois des entrées réactives et non réactives utilisant les types MaybeRef et MaybeRefOrGetter.

Les tests Playwright souffrent souvent de problèmes de fiabilité, d'exécution lente et de mauvaise maintenabilité. Cette compétence révise le code de test TypeScript par rapport à plus de 40 bonnes pratiques éprouvées organisées en 8 catégories, fournissant des suggestions d'amélioration spécifiques avec des exemples clairs.

Les systèmes de build monorepo peuvent être complexes à configurer. Cette compétence fournit des conseils d'expert pour configurer les pipelines Turborepo, les dépendances des tâches, les stratégies de mise en cache et l'intégration CI pour les projets JavaScript et TypeScript.

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.

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.

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.

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.