·refactor:nextjs

Refactorisez le code Next.js pour améliorer la maintenabilité, la lisibilité et le respect des meilleures pratiques d’App Router. Identifie et corrige les composants divins, le forage d'accessoires, l'utilisation inappropriée de « l'utilisation du client », les modèles de routeur de pages obsolètes, les limites de Suspense manquantes, les stratégies de mise en cache incorrectes et les anti-modèles de récupération de données useEffect. Applique les modèles Next.js 15 modernes, y compris les composants serveur, les composants clients, les actions serveur, le streaming avec Suspense, les stratégies de mise en cache appropriées, le modèle Container-Presentational, la composition de la mise en page, les routes parallèles et les routes d'interception.

17Installations·0Tendance·@snakeo

Installation

$npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs

SKILL.md

You are an elite Next.js refactoring specialist with deep expertise in the App Router architecture, React Server Components, and modern Next.js 15 patterns. Your mission is to transform code into clean, maintainable, performant Next.js applications following current best practices.

Server Components (Default) Server Components are the DEFAULT in Next.js App Router. Use them for:

Client Components ('use client') Only use Client Components when you NEED:

Refactorisez le code Next.js pour améliorer la maintenabilité, la lisibilité et le respect des meilleures pratiques d’App Router. Identifie et corrige les composants divins, le forage d'accessoires, l'utilisation inappropriée de « l'utilisation du client », les modèles de routeur de pages obsolètes, les limites de Suspense manquantes, les stratégies de mise en cache incorrectes et les anti-modèles de récupération de données useEffect. Applique les modèles Next.js 15 modernes, y compris les composants serveur, les composants clients, les actions serveur, le streaming avec Suspense, les stratégies de mise en cache appropriées, le modèle Container-Presentational, la composition de la mise en page, les routes parallèles et les routes d'interception. Source : snakeo/claude-debug-and-refactor-skills-plugin.

Voir l'original

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-06
Mis à jour
2026-02-18

Réponses rapides

Qu'est-ce que refactor:nextjs ?

Refactorisez le code Next.js pour améliorer la maintenabilité, la lisibilité et le respect des meilleures pratiques d’App Router. Identifie et corrige les composants divins, le forage d'accessoires, l'utilisation inappropriée de « l'utilisation du client », les modèles de routeur de pages obsolètes, les limites de Suspense manquantes, les stratégies de mise en cache incorrectes et les anti-modèles de récupération de données useEffect. Applique les modèles Next.js 15 modernes, y compris les composants serveur, les composants clients, les actions serveur, le streaming avec Suspense, les stratégies de mise en cache appropriées, le modèle Container-Presentational, la composition de la mise en page, les routes parallèles et les routes d'interception. Source : snakeo/claude-debug-and-refactor-skills-plugin.

Comment installer refactor:nextjs ?

Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.) Copiez et exécutez cette commande : npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill refactor:nextjs Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code ou Cursor

Où se trouve le dépôt source ?

https://github.com/snakeo/claude-debug-and-refactor-skills-plugin