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.

Extrayez des descriptions, des objets et du texte à partir d'images grâce aux capacités de vision par IA. Cette compétence fournit une intégration API simple pour GPT-4o Vision via verging.ai.

Transformez des vidéos en basse résolution ou bruitées en sortie nette HD/4K. Cette compétence automatise l'intégralité du pipeline d'amélioration à partir de fichiers locaux ou d'URLs vidéo, fournissant des résultats sans montage manuel.

Les développeurs ont besoin d'un moyen simple d'ajouter une sortie vocale à leurs applications sans gérer d'infrastructure audio complexe. Cette skill fournit un accès direct au modèle TTS-1-HD d'OpenAI via un appel API simple.

Convertir des enregistrements audio en texte manuellement est lent et sujet aux erreurs. Cette compétence fournit une API simple pour transcrire des fichiers audio en utilisant OpenAI Whisper, retournant un texte précis en quelques secondes.

La création d'images avec l'IA nécessite la gestion des clés API, des paramètres de requête et du traitement des réponses. Cette skill fournit une interface prête à l'emploi pour générer des images via l'API proxy verging.ai, prenant en charge les modes de qualité standard et HD.

L'échange de visages dans des vidéos manuellement est lent et nécessite un logiciel spécialisé. Cette compétence automatise l'ensemble du flux de travail en utilisant l'API verging.ai, accepte les fichiers locaux ou les URL YouTube/Bilibili en entrée et livre le résultat directement.

Les utilisateurs ont besoin d'un moyen simple d'appeler GPT-4o via le proxy verging.ai. Cette skill fournit des exemples curl prêts à l'emploi pour les complétions de chat en streaming et non-streaming.

Supprimez automatiquement les arrière-plans de toute image pour créer des PNG transparents professionnels. Parfait pour les photos de produits, portraits et travaux de design sans retouche manuelle.

Supprimer manuellement les arrière-plans d'images prend du temps et nécessite des logiciels coûteux. Cette compétence automatise le processus en utilisant l'API verging.ai, fournissant des résultats PNG transparents à partir de n'importe quel fichier JPG, PNG ou WebP.

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.

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.