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.

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.

É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 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.

Cette compétence automatise l'ajout de la prise en charge multilingue aux sites web Next.js, y compris les balises hreflang, la configuration des locales, les fichiers de traduction et l'optimisation SEO pour les marchés internationaux.

La création de serveurs MCP efficaces nécessite la compréhension des spécifications du protocole, des modèles SDK et des stratégies de test. Cette compétence fournit des guides complets pour créer des serveurs MCP de haute qualité en Python et TypeScript avec des cadres d'évaluation pour valider l'efficacité des outils.

La duplication de code entraîne des cauchemars de maintenance et un comportement incohérent. Cette compétence vous guide à travers un processus systématique en 4 étapes pour identifier, abstraire, remplacer et vérifier les modifications de refactoring qui éliminent la répétition et améliorent la qualité du code.

Les échecs de lint ralentissent les revues de code et bloquent les publications. Cette compétence exécute le workflow de lint du projet et guide les corrections tout en gardant le comportement du code inchangé.

Les projets d'extensions de navigateur ont souvent des difficultés avec la compatibilité entre navigateurs et la configuration de l'internationalisation. Cette compétence fournit des conseils clairs pour le développement d'extensions basées sur WXT prenant en charge Chrome, Firefox et Edge avec une structure i18n appropriée.

L'écriture de tests backend prend beaucoup de temps et nécessite une connaissance des frameworks de test. Cette skill analyse la structure de votre code, détecte votre configuration de test et génère des tests complets couvrant les cas happy paths, les cas d'erreur et les cas limites.

Les revues de code détectent les bugs avant le déploiement mais prennent du temps. Cette compétence fournit des listes de contrôle structurées, des modèles de sécurité et les meilleures pratiques pour les revues de la pile MERN pour s'assurer que rien de critique n'est oublié.

La création de serveurs MCP pour des services externes nécessite la compréhension des spécifications de protocole, des modèles de conception d'outils et des méthodologies d'évaluation. Ce guide fournit des instructions complètes pour créer des serveurs MCP de qualité de production en Python et TypeScript avec les meilleures pratiques pour la conception d'outils, l'authentification, la gestion des erreurs et les tests.

Le débogage des applications Next.js complexes nécessite l'inspection des routes, des composants et des configurations de build. Cette compétence fournit des outils basés sur MCP pour lister les routes, examiner les composants et vérifier les informations de build directement depuis votre environnement de développement.

La création de chatbots ChatKit nécessite l'intégration de plusieurs technologies (FastAPI, OpenAI Agents SDK, outils MCP) avec des modèles de sécurité appropriés. Cette compétence fournit un guide architectural complet pour créer des chatbots prêts pour la production avec isolation utilisateur et capacités en temps réel.

Écrire des tests après le code conduit à des bases de code fragiles et à des bugs manqués. Cette compétence fournit des workflows TDD structurés, des modèles de tests et l'automatisation Playwright pour vous aider à écrire des tests maintenables avant le code, détecter les bugs tôt et avoir confiance dans votre logiciel.

Cette compétence aide les développeurs à suivre les pratiques de développement piloté par les tests pour les projets Python. Elle guide les utilisateurs à travers le cycle Rouge-Vert-Refactoriser, la configuration de pytest, et l'audit de qualité des tests.

Les scripts shell échouent souvent silencieusement ou se comportent de manière imprévisible en raison de la gestion d'erreurs manquante. Cette compétence fournit des modèles éprouvés pour bash et zsh robustes, incluant la gestion d'erreurs appropriée, l'expansion de variable sécurisée et la structure de code modulaire.

Écrire des scripts Python autonomes avec des dépendances nécessite une configuration et une mise en place manuelles. Cette compétence génère des scripts prêts à l'emploi avec des métadonnées inline PEP 723, une gestion automatique des dépendances et un parsing correct des arguments CLI.

Les applications souffrent souvent de temps de réponse lents, d'une utilisation élevée de la mémoire et d'une mauvaise expérience utilisateur. Cette compétence fournit des conseils experts pour identifier les goulots d'étranglement, optimiser le code, effectuer des tests de charge et améliorer les Core Web Vitals aux niveaux frontend, backend et base de données.

La construction d'applications Next.js nécessite une compréhension du App Router, des Server Components et des modèles de performance. Cette compétence fournit des conseils d'expert en architecture pour la conception, la migration et l'optimisation des applications Next.js avec des modèles modernes.