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

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

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

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

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

Gabarits de démarrage rapide pour échafauder de nouveaux projets. Contient 12 modèles pour différentes piles technologiques.

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

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

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

Génère des pages, routes API, composants serveur, layouts et middlewares Next.js en suivant les conventions du projet.

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

Apprenez à créer des plugins pour le CMS EmDash avec hooks, stockage, paramètres, interface d'administration, routes API et types de blocs personnalisés.

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

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

Construisez et déployez une boutique en ligne complète (Web + Admin + Mini-program + API) sur Tencent EdgeOne Pages avec un style néon cyberpunk.

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

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

Briefing complet pour créer des sites institutionnels et landing pages avec React + Next.js et Tailwind CSS v4. Pose des questions par étapes et n'exécute qu'après un briefing complet.

Developpement

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

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

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

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.