de specialist-agent12
Convertissez un composant ou une page Next.js Pages Router vers le modèle App Router, en mettant à jour le routage, la récupération des données et les limites de composants pour le Next.js App Router.
Guide un agent dans la migration d'un composant ou d'une page Next.js Pages Router vers l'architecture App Router. Il analyse les props du composant, les hooks, les méthodes de récupération de données et les imports, puis prescrit des changements concrets : nouvelle disposition des fichiers sous /app, conversion de getServerSideProps/getStaticProps/getStaticPaths, séparation des composants serveur et client, et ajout de fichiers loading/error frères.
Utilisez cette compétence lors de la modernisation d'une base de code Next.js du routage pages/ vers app/, lorsqu'un composant repose sur des méthodes de récupération de données héritées, ou lorsque vous avez besoin d'une checklist de migration étape par étape pour un fichier de composant spécifique. Idéal pour les bases de code migrant vers le répertoire app de Next.js et les React Server Components.
Probablement : Copilot/Codex, Claude Code, Cursor et d'autres agents axés sur le code capables de lire/écrire des fichiers de dépôt et d'exécuter des commandes de build/test.
Cette compétence n'a pas encore été examinée par notre pipeline d'audit automatisé.
Développement Piloté par les Tests (TDD)
Exécute des cycles TDD disciplinés : écrire un test échouant, implémenter le correctif minimal, puis refactoriser — pour les fonctionnalités et les corrections de bugs où la correction est cruciale.
/verify — Vérification avant complétion
Exécutez des commandes de vérification fraîches (tests, build, lint, types) et exigez des preuves complètes de l'exécution avant de déclarer le travail terminé ou de fusionner les modifications.
/learn — Mode d'apprentissage interactif
Assistant d'implémentation axé sur l'enseignement : explique les décisions, guide l'architecture et produit du code incrémentiel avec une approche pédagogique pour l'onboarding
Planification Adaptive (/plan)
Générez un plan de mise en œuvre adapté à la complexité de la tâche — du mini-plan rapide au document de conception complet — avant d'écrire du code ou d'effectuer des changements majeurs.
Débogage Systématique (/debug)
Une compétence d'agent basée sur une méthodologie de débogage en quatre phases et priorisant les preuves : collecte de preuves, analyse de motifs, formulation d'hypothèses et mise en œuvre et preuve de corrections.
Grill (Défi de Code Adversaire)
Effectue des tests de stress adverses sur le code pour trouver des cas limites, des conditions de concurrence, des failles de sécurité et des défauts logiques avant le déploiement.
Smart Commit (générateur de commits conventionnels)
Génère et applique des messages de commit conventionnels avec détection automatique du type et du scope, ainsi qu'une validation pré-commit pour les secrets et les artefacts de débogage.
Optimisation du Taux de Conversion (CRO)
Auditez les pages de destination et les flux d'utilisateurs pour identifier les frictions de conversion et proposer des recommandations A/B testables et priorisées.
Migration : Migrer un Module
Automatise une migration multiphase d'un module Angular vers une architecture cible avec des portes d'approbation et une validation après chaque phase.
Révision de Code
À utiliser lorsque les modifications de code nécessitent une révision avant la fusion — valide l'architecture, les types, la sécurité et la couverture des tests.
