Meilleurs skills pour Développeur fullstack

Developpement

Génère une application Electron complète avec TypeScript, React et Vite. Configure automatiquement la structure du projet, les dépendances essentielles et des options facultatives comme SQLite (via Knex), Jest pour les tests et Storybook pour les composants.

Developpement

Cette compétence fournit 57 règles d'optimisation des performances pour React 19 et Next.js 16, couvrant le chargement des données, la taille du bundle, le rendu côté serveur et client, ainsi que les re-rendus. Elle aide les développeurs à éliminer les cascades (waterfalls), réduire la taille du bundle et améliorer les performances globales du frontend sur la plateforme Arcanea.

Developpement

Exécute une série exhaustive de vérifications sur les fichiers modifiés avant de créer une pull request, couvrant la rigueur TypeScript, les patterns React, la structure des routes, la récupération de données, la validation, les variables d'environnement, les imports, le code mort, la sécurité, l'hygiène Git, les performances, le style, les dates, l'accessibilité et le style de code. Aide à détecter les problèmes courants en amont pour accélérer la revue de code et réduire les bugs.

Developpement

Compétence pour la gestion de formulaires avec Formisch, une bibliothèque de formulaires headless et typée. Utilisez-la pour créer des formulaires, gérer l'état, valider les entrées et intégrer Valibot.

Developpement

Fournit des conseils sur la validation de schéma avec Zod, incluant l'inférence de types, la composition de schémas, l'analyse, les affinements, les transformations, la gestion des erreurs et l'intégration TypeScript. Idéal pour la validation de type sécurisé, la validation de formulaires et la validation d'entrées API.

Developpement

Architecte principal de la plateforme MigrateIQ. Prend les décisions architecturales, révise le code, planifie les fonctionnalités et assure la cohérence sur l'ensemble de la stack : SvelteKit 5, Tailwind CSS v4, TypeScript, Drizzle ORM/PostgreSQL, serveur MCP et compétences Claude Code. À utiliser lors de la planification de nouvelles fonctionnalités, de l'examen d'approches, de choix technologiques, de refactoring ou de débogage de problèmes d'architecture.

Developpement

Structure de répertoire pour projets Next.js avec App Router : pages, composants, fonctionnalités, utilitaires, hooks.

Developpement

Expert en développement de serveurs Model Context Protocol (MCP) avec le SDK TypeScript. Couvre le choix du transport (HTTP/stdio), la conception d'outils avec validation zod et les bonnes pratiques de production. À utiliser lors de l'implémentation ou du débogage de serveurs MCP dans le plugin awesome-copilot-root.

Developpement

Définit le SEO comme une discipline d'intégrité système pour les applications Next.js App Router. Garantit que l'application fournit des signaux déterministes aux robots des moteurs de recherche en imposant une architecture de métadonnées correcte, des URLs canoniques, des sitemaps, du JSON-LD et une structure sémantique. Aide à éviter les erreurs SEO courantes telles que les métadonnées uniquement côté client et l'ajout de balises sans réflexion.

Developpement

Une bibliothèque de validation de schémas orientée TypeScript qui infère les types statiques à partir des schémas et valide les données à l'exécution. Utilisez-la pour garantir l'intégrité des données, analyser en toute sécurité les entrées externes et réduire le code répétitif dans les projets TypeScript.

Developpement

Fournit des modèles de gestion d'erreurs réutilisables pour les applications TypeScript, incluant des classes d'erreur personnalisées, un type Result pour la propagation explicite des erreurs, des limites d'erreur React et des wrappers asynchrones try-catch. Aide à assurer une gestion d'erreurs robuste avec des codes HTTP appropriés et des messages d'erreur exploitables.

Developpement

Compétence pour le développement et la revue de code Vue. En mode développement, génère des composants et composables Vue de haute qualité à partir de descriptions. En mode revue, utilise la commande /vue <path> pour analyser les fichiers .vue et fournir un rapport structuré avec des points de contrôle.

Developpement

Crée la couche de données complète pour une nouvelle ressource API : types (snake_case, miroir de l'API), contrats (camelCase, modèle applicatif), adaptateurs purs avec mappages entrant/sortant, et un service utilisant HttpClient. Suit des règles strictes (pas de try/catch, pas de map/filter dans le service, fonctions d'adaptateur pures). Utile lors de l'ajout d'une intégration API à un module, garantissant la séparation entre les couches API et application.

Developpement

Développez des applications Next.js 15 avec App Router, Server Components, Client Components, Server Actions et streaming. Impose l'utilisation de composants serveur par défaut, des schémas de récupération de données appropriés et le routage basé sur les fichiers. À appliquer lors de la création de pages, de la mise en œuvre de routes ou de l'optimisation des performances.

Developpement

Cette compétence génère du code d'encapsulation CLI prêt pour la production pour les serveurs MCP en utilisant des motifs de divulgation progressive. Elle lit les configurations des serveurs MCP et crée des wrappers complets en Python ou TypeScript avec des systèmes d'aide, l'analyse des arguments, la gestion des erreurs et le formatage de sortie.

Developpement

Crée un fichier de composant d'écran React Native dans src/screens/. Utilisé lors de l'ajout d'un nouvel écran, comme 'écran d'accueil' ou 'écran de profil'. La compétence génère un fichier TypeScript avec un modèle de base incluant une mise en page flexbox, StatusBar et des conventions de nommage appropriées.

Developpement

Cette compétence est spécialisée dans le SDK Agent Claude, couvrant les fonctions API (query, tool, createSdkMcpServer), les options de configuration, les définitions d'agents, les configurations de serveur MCP, les événements de hooks, les modes de permission, le file checkpointing et la gestion de sessions. Elle fournit des exemples de code TypeScript précis et des bonnes pratiques pour construire et intégrer des agents. Utilisez-la lorsque vous avez besoin de conseils détaillés sur l'utilisation du SDK, y compris les considérations de sécurité et les compromis entre différentes approches.

Developpement

Ce guide fusionne les principes de Google, Palantir, Conventional Comments et Pagepro pour établir des normes de revue de code senior, couvrant l'architecture FSD, les conventions de nommage et la qualité du code.

Developpement

Standards de codage modernes pour TypeScript strict et Python avec uv, incluant typage, validation et outils de qualité.

Developpement

Runtime Node.js 20 LTS pour développer des services backend avec Express et TypeScript. Gère les opérations asynchrones, les connexions PostgreSQL, le traitement d'images avec Sharp et la configuration d'environnement. À utiliser pour le développement côté serveur avec modules ES et TypeScript.

Developpement

Génère un hook TanStack Query personnalisé pour le chargement de données, incluant requêtes et mutations. Il lit le contrôleur backend pour vérifier les URL d'endpoint et les types de réponse, puis produit un hook typé utilisant l'instance Axios du projet. Utile lors de la création de hooks d'intégration API qui doivent respecter les conventions de l'équipe et éviter les données mises en cache obsolètes.

Developpement

Crée des worktrees git isolés avec des serveurs de développement Next.js sur des ports uniques (9653 + offset). Utilisez-le lorsque vous devez travailler sur plusieurs branches en parallèle ou exécuter plusieurs instances simultanément dans des environnements séparés.

Developpement

Enseigne les modèles de développement pour manus-talk-to-my-lawyer, une plateforme juridique TypeScript/Vite. Couvre les workflows par phases, les tests complets, les migrations de base de données avec Drizzle, l'intégration de paiements Stripe et les notifications par email via tRPC. Utile pour structurer un projet full-stack multi-rôles avec des commits de checkpoint et une gestion automatisée des schémas.

Developpement

Analyse et corrige les erreurs TypeScript en identifiant la cause racine, en appliquant des corrections minimales (évitant `any` ou `@ts-ignore`), et en vérifiant la compilation avec `tsc --noEmit`. Utile pour maintenir une base de code TypeScript saine.