Meilleurs skills pour Développeur fullstack

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

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

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

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

Developpement

Maîtrisez les patterns TypeScript avancés : contraintes génériques, types conditionnels, types marqués, unions discriminées et types utilitaires. Idéal pour concevoir des bibliothèques et du code type-safe.

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

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

Règles et bonnes pratiques pour créer des composants UI Datagrok en TypeScript : onglets paresseux, grilles, layouts, dialogues et menus contextuels.

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

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

Bridage des services Effect-TS avec React via des atomes réactifs. Doctrine Atom-as-State pour une gestion d'état canonique.

Developpement

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

Developpement

Apprenez à créer des services avec Context.Service, les clés IdentityComposer et la composition de couches dans Effect v4. Couvre l'injection de dépendances et les meilleures pratiques.

Developpement

Compétence pour ajouter un nouveau boss à un jeu RPG en ligne, gérant la configuration serveur, la classe d'ennemi, le gestionnaire de spawn, le moteur de jeu et la visualisation client.

Developpement

Pipeline complet pour créer des sites web premium avec défilement animé, canvas sticky et séquences d'images. Inclut Next.js, Lenis, Framer Motion et optimisations.

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

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

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

Ajoutez du contenu de jeu (ennemis, tours, sorts, objets) et intégrez les sprites/sons du cache OSRS. Met l'accent sur les tables de données, les types union et le pipeline d'assets.

Developpement

Guide complet pour utiliser CCXT avec TypeScript/JavaScript : intégration d'échanges crypto, API REST et WebSocket, authentification et exemples.

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

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

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.