·component-migration
</>

component-migration

À utiliser lors de l'ajout de directives « utiliser le client », de la division de composants mixtes en parties serveur + client ou de la correction d'erreurs de limite RSC telles que « useState ne fonctionne que dans un composant client ». Également pour migrer l'interface utilisateur interactive (formulaires, modaux, gestionnaires d'événements) vers App Router.

5Installations·0Tendance·@blazity

Installation

$npx skills add https://github.com/blazity/next-migration-skills --skill component-migration

Comment installer component-migration

Installez rapidement le skill IA component-migration dans votre environnement de développement via la ligne de commande

  1. Ouvrir le Terminal: Ouvrez votre terminal ou outil de ligne de commande (Terminal, iTerm, Windows Terminal, etc.)
  2. Exécuter la commande d'installation: Copiez et exécutez cette commande : npx skills add https://github.com/blazity/next-migration-skills --skill component-migration
  3. Vérifier l'installation: Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

Source : blazity/next-migration-skills.

Migrate components for RSC (React Server Component) compatibility. Determine which components need 'use client' directives and which can remain server components.

This skill requires the nextjs-migration-toolkit skill to be installed. All migration skills depend on it for AST analysis.

Before applying any migration patterns, check the target Next.js version. Read .migration/target-version.txt if it exists, or ask the user.

À utiliser lors de l'ajout de directives « utiliser le client », de la division de composants mixtes en parties serveur + client ou de la correction d'erreurs de limite RSC telles que « useState ne fonctionne que dans un composant client ». Également pour migrer l'interface utilisateur interactive (formulaires, modaux, gestionnaires d'événements) vers App Router. Source : blazity/next-migration-skills.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/blazity/next-migration-skills --skill component-migration
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-22
Mis à jour
2026-03-10

Browse more skills from blazity/next-migration-skills

Réponses rapides

Qu'est-ce que component-migration ?

À utiliser lors de l'ajout de directives « utiliser le client », de la division de composants mixtes en parties serveur + client ou de la correction d'erreurs de limite RSC telles que « useState ne fonctionne que dans un composant client ». Également pour migrer l'interface utilisateur interactive (formulaires, modaux, gestionnaires d'événements) vers App Router. Source : blazity/next-migration-skills.

Comment installer component-migration ?

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/blazity/next-migration-skills --skill component-migration Une fois installé, le skill sera automatiquement configuré dans votre environnement de programmation IA et prêt à être utilisé dans Claude Code, Cursor ou OpenClaw

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

https://github.com/blazity/next-migration-skills