Cette compétence fournit des directives complètes pour construire des applications frontend modernes avec Next.js, React 19 et shadcn/ui. Elle couvre les modèles essentiels incluant les Server Components, la récupération de données, les formulaires, le style et l'optimisation des performances.

Le code API devient dispersé et incohérent dans une base de code. Cette skill fournit un modèle standardisé à 5 fichiers pour organiser les points d'accès API, les types et les clients avec une sécurité TypeScript complète et un contrôle d'accès basé sur les rôles.

Les utilisateurs doivent intégrer des capacités LLM locales dans les applications React. Cette compétence fournit des instructions étape par étape pour installer bodhi-js-sdk, configurer l'authentification OAuth, et construire des interfaces de chat en streaming avec l'écosystème Bodhi Browser.

Les problèmes de configuration Neovim causent de la frustration et une perte de productivité. Cette compétence fournit un diagnostic systématique par test d'hypothèses pour identifier rapidement les causes profondes et restaurer la fonctionnalité.

Besoin de naviguer sur des sites web, de remplir des formulaires ou de capturer des captures d’écran par programmation. Cette compétence fournit des commandes CLI pour contrôler une session de navigateur Playwright en utilisant l’arbre d’accessibilité pour un ciblage fiable des éléments.

Automatisez les workflows de revue de code avec les utilitaires GitHub pour les PR. Vérifiez si les PR ont besoin d'être revues, trouvez les fichiers de directives pertinents et publiez des commentaires en ligne directement depuis le CLI.

Les revues de code prennent beaucoup de temps et peuvent manquer des problèmes importants. Cette skill utilise plusieurs agents IA spécialisés pour examiner automatiquement les pull requests avec un score de confiance pour filtrer les faux positifs et mettre en évidence les vrais problèmes.

Les systèmes backend complexes nécessitent des fondations architecturales solides. Cette compétence fournit des conseils d’experts sur l’architecture hexagonale, le domain-driven design, les principes SOLID et la qualité du code pour vous aider à créer des applications maintenables et évolutives.

Travailler avec les issues et PR GitHub sans avoir le contexte complet conduit à des malentendus et des informations manquées. Cette compétence apprend à l'IA à utiliser proactivement les commandes GitHub CLI pour récupérer les descriptions de PR, les commentaires de revue, le statut CI, les discussions d'issue et les informations du dépôt.

Écrire les tests après le code entraîne des comportements non testés et des problèmes de conception. Cette compétence fournit un workflow TDD strict qui favorise une meilleure conception du code grâce au cycle Rouge-Vert-Refactoriser.

Le code devient difficile à maintenir lorsque les classes ont plusieurs responsabilités et un couplage étroit. Cette compétence fournit des explications claires et des exemples des principes SOLID afin que vous puissiez concevoir des logiciels plus faciles à étendre, tester et modifier.

Le code est lu bien plus souvent qu'il n'est écrit. Cette compétence vous aide à écrire du code que les humains peuvent comprendre. Elle fournit des principes éprouvés pour le nommage, les fonctions, les commentaires et la gestion des erreurs qui améliorent la lisibilité et la maintenabilité du code.

Les API souffrent souvent d'une incohérence dans les noms, d'une mauvaise structure d'URL et d'une utilisation incorrecte des méthodes HTTP. Cette compétence fournit des directives claires pour concevoir des API intuitives, évolutives et faciles à maintenir.

La plateforme d'actualités Scoop présente une interface encombrée avec un espace vertical excessif et des modèles de conception incohérents. Cette compétence fournit un flux de travail structuré pour compresser les mises en page, améliorer la densité, ajouter une navigation par défilement à accrochage et appliquer une politique stricte d'absence d'emojis sur l'ensemble de l'interface.

La configuration de nouveaux projets prend trop de temps. Genesis génère des projets React, Python, Go et Taro avec des modèles prêts pour la production en moins d'une minute. Les modèles incluent des piles technologiques modernes, les meilleures pratiques et une documentation complète.

Les applications TypeScript manquent souvent de validation appropriée des entrées, ce qui entraîne des erreurs d'exécution et des vulnérabilités de sécurité. Cette compétence fournit des patterns de validation Zod complets pour valider les requêtes API, les données de formulaire et les entrées utilisateur avec des schémas type-safe.

Écrire du TypeScript sans le mode strict entraîne des erreurs d'exécution et des problèmes de maintenabilité. Cette compétence fournit des modèles complets pour le typage explicite, les gardes de type et la gestion des erreurs afin que les assistants IA génèrent du code TypeScript prêt pour la production dès la première ligne.

Les projets TypeScript souffrent souvent de types any implicites et d'une gestion des erreurs laxiste. Cette compétence fournit des règles claires et des exemples pour écrire du code TypeScript type-safe et prêt pour la production qui prévient les erreurs d'exécution.

Écrire les tests après le code entraîne des lacunes dans la couverture de tests et des tests fragiles. Cette compétence guide le cycle TDD avec des phases claires : Rouge (écrire des tests défaillants), Vert (implémentation minimale) et Refactorisation (améliorer le code tout en gardant les tests verts).

La gestion de l'état serveur et de l'état client dans les applications React crée une complexité qui ralentit le développement et nuit à l'expérience utilisateur. Cette compétence fournit des modèles éprouvés pour séparer l'état serveur de l'état client en utilisant TanStack Query pour la récupération de données et Zustand pour l'état de l'interface utilisateur.