Le développement Next.js nécessite une visibilité sur les routes, les composants et la configuration de build. Cette compétence fournit des outils basés sur MCP pour inspecter la structure de votre application Next.js, déboguer les problèmes de routage et examiner les paramètres de build directement depuis votre assistant IA.

Les développeurs frontend ont besoin de définitions de types TypeScript cohérentes pour garantir la sécurité des types dans toute l'application. Cette compétence fournit des modèles et des conventions pour créer des types qui correspondent aux réponses de l'API backend.

Construire des composants Next.js avec le mauvais modèle entraîne des problèmes de performances, des erreurs d’hydratation et une mauvaise expérience utilisateur. Cette compétence fournit des modèles pour les composants serveur et client, la conformité d’accessibilité, et les bonnes pratiques React afin de créer des composants frontend efficaces et accessibles.

Créez des interfaces utilisateur engageantes avec des animations fluides. Cette compétence fournit des modèles de code prêts à l'emploi pour les effets au survol, les transitions de page, les animations de défilement et les interactions gestuelles complexes dans les applications React et Next.js.

Les limites de contexte provoquent un comportement IA inattendu et des coûts élevés. Cette compétence vous apprend à concevoir, budgétiser et optimiser le contexte dans les systèmes agent en utilisant des schémas éprouvés comme la divulgation progressive et le placement tenant compte de l'attention.

Next.js 16 introduit des modifications majeures qui causent des erreurs courantes. Cette compétence fournit les bons patrons pour les paramètres asynchrones, les actions serveur, les mises en page et le middleware. Utilisez-la pour éviter les builds échoués et implémenter un design frontend distinctif.

Créer des serveurs MCP permettant à Claude et d'autres LLMs d'interagir avec des API et services externes via des outils bien conçus. Ce guide couvre les implémentations Python FastMCP et TypeScript MCP SDK avec authentification, déploiement Docker et patterns de test.

La création de widgets de chat avec des boutons, des formulaires et des actions est complexe et non documentée. Cette compétence fournit des modèles complets pour la gestion des widgets client et serveur, le balisage d'entités et les outils de composition pour vous permettre de construire des interfaces IA interactives plus rapidement.

La création d'interfaces de chat IA nécessite des backends personnalisés, une authentification et une injection de contexte. Cette compétence fournit des modèles prêts pour la production pour ChatKitServer, les hooks useChatKit et les proxies de cookies httpOnly pour créer des expériences de chat sécurisées.

Les tâches d'automatisation web nécessitent une navigation manuelle et un remplissage de formulaires répétitif. Cette compétence fournit une interface Model Context Protocol à Playwright, permettant aux assistants IA de naviguer sur les pages, d'interagir avec les éléments, d'extraire des données et de prendre des captures d'écran de manière programmatique.

Vous devez ajouter de nouvelles routes API à votre serveur Catalyst-Relay mais vous ne connaissez pas le bon modèle ? Cette compétence fournit le modèle complet pour créer des points de terminaison avec validation Zod, des formats de réponse cohérents et une documentation appropriée.

Besoin d'étendre Catalyst-Relay avec une nouvelle logique métier pour l'intégration SAP ADT. Cette skill fournit les modèles et la liste de contrôle pour ajouter des fonctions pures, des opérations ADT et du code consommable par la bibliothèque qui suit les conventions du projet.

Créer des skills efficaces à partir de zéro demande une connaissance du format des skills. Ce guide fournit un processus étape par étape avec des scripts utilitaires pour initialiser, valider et empaqueter des skills qui étendent Claude avec des connaissances spécialisées et des workflows.

Créer des serveurs MCP de zéro nécessite de comprendre les spécifications du protocole, les patterns du SDK et les méthodes d’évaluation. Cette compétence fournit un workflow structuré en quatre phases pour créer des serveurs MCP prêts pour la production avec une conception d’outils appropriée, une validation des entrées et des tests complets. Elle inclut des implémentations de référence en Python et en TypeScript, des cadres d’évaluation et des bonnes pratiques de sécurité.

La création d'artefacts HTML sophistiqués pour les conversations Claude nécessite des outils complexes. Cette compétence fournit un flux de travail complet avec React, Vite et les composants shadcn/ui pour créer, assembler et partager des artefacts de qualité professionnelle.

Éliminez les erreurs d'exécution et renforcez la confiance dans votre code grâce à la sécurité des types de bout en bout. Cette compétence enseigne les modèles TypeScript modernes utilisant la validation Zod, les API tRPC et Prisma ORM pour des applications full-stack infaillibles.

La construction manuelle de routeurs tRPC et de schémas Zod prend 20-30 minutes par point de terminaison avec un risque d'erreurs de type et d'exportations manquées. Cette compétence échafaude des points de terminaison complets de type sécurisé avec des schémas de validation, des modèles d'exemple et des vérifications d'enregistrement automatisées.

Créer des stratégies de test efficaces prend du temps et est sujet aux erreurs. Cette compétence fournit des modèles prêts à l’emploi, des checklists de couverture et des modèles éprouvés pour les tests unitaires, d’intégration, E2E et de performance. Elle aide les équipes à mettre en place des portes de qualité et à garantir une couverture de test robuste à toutes les phases de développement.

Les applications modernes nécessitent une diffusion de données en temps réel pour les interfaces LLM, les notifications et les mises à jour en direct. Cette compétence fournit des modèles de code pour Server-Sent Events, WebSockets et l'API ReadableStream pour implémenter des solutions de streaming prêtes pour la production.

Les React Server Components changent la façon dont vous construisez des applications React en déplaçant le rendu vers le serveur. Cette compétence fournit des modèles et des gabarits pour Next.js 15 App Router, notamment la récupération de données, les Server Actions et le streaming pour des pages plus rapides.