JavaScript

repo-scan est une compétence d’audit de code multi-stack qui classe les fichiers, détecte les bibliothèques tierces intégrées et vous aide à déterminer ce qui est essentiel, dupliqué ou superflu. Elle est utile pour repo-scan pour la revue de code, les migrations d’anciens dépôts et la préparation de refontes. Consultez dans la compétence les indications d’installation et d’utilisation de repo-scan.

nuxt4-patterns est un skill Nuxt 4 consacré à la sécurité de l’hydratation, aux route rules, au lazy loading et au chargement de données compatible SSR. Utilisez le skill nuxt4-patterns pour prendre de meilleures décisions en Frontend Development, réduire les écarts de rendu et appliquer le bon pattern à chaque page ou composant.

Le skill nodejs-keccak256 vous aide à éviter un bug courant dans Ethereum en JavaScript et TypeScript : utiliser le sha3-256 de Node alors qu’il vous faut Keccak-256. Il est utile pour le développement backend, les selectors, les topics d’événements, les signatures, les storage slots et la dérivation d’adresses, avec des conseils pratiques d’utilisation de nodejs-keccak256.

La compétence nextjs-turbopack vous aide à utiliser Turbopack dans Next.js 16+ pour accélérer le développement local, le HMR et les arbitrages liés au bundler. Servez-vous-en comme guide pratique nextjs-turbopack pour l’installation, l’utilisation et les cas où il vaut mieux revenir à webpack dans des workflows de Frontend Development.

nanoclaw-repl est une compétence REPL sensible à la session pour utiliser et étendre NanoClaw v2. Elle prend en charge des sessions persistantes adossées au markdown, le branchement, la recherche, la compaction, le changement de modèle et l’export pour l’automatisation des workflows. Utilisez ce guide nanoclaw-repl pour garder les tâches locales déterministes et faciles à reprendre.

frontend-slides vous aide à créer des présentations HTML riches en animations, à partir de zéro ou en convertissant des fichiers PowerPoint. Utilisez le skill frontend-slides pour des conférences, des pitch decks, des ateliers, des démos internes et frontend-slides pour la conception d’interface quand vous voulez explorer visuellement, obtenir un rendu navigateur sans dépendance et des slides qui tiennent sur une seule vue.

frontend-patterns est une skill pratique pour le développement frontend avec React et Next.js, qui vous aide à choisir des patterns durables pour les composants, l’état, les formulaires, le routage, l’accessibilité et les performances. Utilisez le guide frontend-patterns lorsque vous avez besoin d’indications claires sur la mise en œuvre et le choix des patterns, pas seulement de bonnes pratiques génériques.

La skill coding-standards fournit une base commune pour le nommage, la lisibilité, l’immutabilité, la cohérence et la revue de code entre projets, avant d’appliquer des règles propres à un framework.

Le skill bun-runtime vous aide à choisir Bun pour de nouveaux projets JavaScript ou TypeScript, pour une migration depuis Node, pour des scripts, des tests et des déploiements sur Vercel. Il couvre l’usage de bun-runtime, les conseils d’installation, les compromis entre Bun et Node, ainsi que des workflows concrets pour le développement frontend et full-stack.

Découvrez le skill agentic-engineering pour une exécution orientée eval-first, la décomposition des tâches, l’orientation des modèles et une automatisation de workflow plus sûre avec des vérifications de régression.

browse est une compétence de navigateur headless rapide pour l’assurance qualité, le dogfooding et l’automatisation du navigateur. Utilisez-la pour ouvrir des pages, interagir avec des éléments, vérifier l’état, comparer l’avant et l’après d’actions, capturer des captures d’écran et contrôler les mises en page responsives, les formulaires, les envois de fichiers, les boîtes de dialogue et l’état des éléments. Installez browse quand vous avez besoin de preuves concrètes du navigateur plutôt que d’une simple consigne générique.

setup-pre-commit vous aide à ajouter des hooks Husky de pré-commit avec lint-staged, Prettier, et, en option, des vérifications de type et des tests. Utilisez ce guide setup-pre-commit si votre dépôt a besoin d’un filet de sécurité rapide et reproductible au moment du commit, tout en préservant la configuration existante et en ajoutant les bons scripts pour le gestionnaire de paquets utilisé actuellement.

tdd est une compétence de Test-Driven Development pour concevoir des fonctionnalités, corriger des bugs et écrire des tests durables avec la boucle rouge-vert-refactor. Elle privilégie des tests centrés sur le comportement via les interfaces publiques, un mocking limité aux frontières, ainsi que des conseils concrets pour l’automatisation des tests, le refactoring et la conception d’interfaces.

Le skill prototype vous aide à créer du code jetable qui répond à une question précise avant de vous engager dans une vraie implémentation. Utilisez-le pour tester la logique, les transitions d’état, la forme des données ou une orientation UI avec un prototype exécutable qui respecte les conventions du dépôt hôte. Il est idéal quand vous avez besoin d’un guide de prototype rapide, pas d’une fonctionnalité finale.

ckm:design-system aide à créer des tokens en trois couches, des specs de composants, des variables CSS, des mappings Tailwind et des slides cohérents avec la marque à partir d’une architecture de tokens claire.

paypal-integration aide les développeurs à concevoir et à structurer des parcours PayPal pour le checkout, les abonnements, les payouts, l’IPN et les remboursements. Utilisez cette skill pour choisir entre JavaScript SDK et REST API, générer un code de départ et définir des workflows de paiement e-commerce avec une direction d’implémentation plus claire.

nodejs-backend-patterns est un guide pratique pour concevoir des services backend Node.js avec Express ou Fastify. Il couvre les middleware, l’authentification, la gestion des erreurs, les couches repository, l’injection de dépendances, le cache et l’intégration base de données pour des API pensées pour la production.

typescript-advanced-types est une skill spécialisée en conception avancée de types TypeScript. Elle couvre les génériques, les types conditionnels, les mapped types, les template literal types et des patterns utilitaires pour écrire du code frontend et des bibliothèques plus sûrs.

modern-javascript-patterns est une référence pratique sur ES6+ pour refactoriser du JavaScript legacy, adopter async/await, les modules, la déstructuration et les patterns fonctionnels sur les tableaux. Utilisez-la pour moderniser du code frontend ou JavaScript général avec une syntaxe plus claire, de meilleurs choix de patterns et une maintenance facilitée.

javascript-testing-patterns aide les agents à rédiger des tests JS/TS et à mettre en place leur environnement de test avec Jest, Vitest et Testing Library. Utilisez cette skill pour préparer des tests unitaires, d’intégration et UI, avec des patterns pour les mocks, les fixtures, la couverture et des prompts de Test Automation plus solides.

nextjs-app-router-patterns aide les développeurs à concevoir une architecture Next.js 14+ avec App Router, en couvrant les Server Components, le streaming, le caching, les route handlers et les Server Actions pour le développement full-stack et les migrations depuis Pages Router.

dependency-upgrade est une skill conçue pour planifier des mises à niveau majeures de dépendances avec revue semver, analyse de compatibilité, déploiement progressif et tests. Utilisez-la pour auditer des packages npm ou yarn, examiner les arbres de dépendances, résoudre les conflits et encadrer des montées de version plus sûres de frameworks ou de bibliothèques dans des workflows de Code Editing.

react-modernization est une skill axée sur la migration pour faire évoluer des applications React 16/17 vers React 18+, convertir des composants de classe en hooks, mettre à jour les API root et planifier des refactorings progressifs avec des recommandations tenant compte des codemods.

vercel-react-native-skills est une skill React Native et Expo pensée pour le développement frontend orienté performance. Utilisez-la pour améliorer le rendu des listes, les animations, la navigation, les patterns d’interface, la gestion d’état et la mise en place de modules natifs. Elle propose des règles concrètes, des conseils d’installation et des schémas d’utilisation pour traiter les goulots d’étranglement des applications mobiles avec moins d’hésitation.