·component-refactoring
</>

component-refactoring

Refactorisez les composants React de haute complexité dans le frontend. À utiliser lorsque l'utilisateur demande un fractionnement de code, une extraction de hook ou une réduction de la complexité, ou lorsque vous rencontrez un composant trop complexe pour le comprendre et le refactoriser.

16Installations·4Tendance·@pageai-pro

Installation

$npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoring

Comment installer component-refactoring

Installez rapidement le skill IA component-refactoring 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/pageai-pro/ralph-loop --skill component-refactoring
  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 : pageai-pro/ralph-loop.

Refactor high-complexity React components with the patterns and workflow below.

When: Component has complex state management, multiple useState/useEffect, or business logic mixed with UI.

Dify Convention: Place hooks in a hooks/ subdirectory or alongside the component as use- .ts.

Refactorisez les composants React de haute complexité dans le frontend. À utiliser lorsque l'utilisateur demande un fractionnement de code, une extraction de hook ou une réduction de la complexité, ou lorsque vous rencontrez un composant trop complexe pour le comprendre et le refactoriser. Source : pageai-pro/ralph-loop.

Faits (prêts à citer)

Champs et commandes stables pour les citations IA/recherche.

Commande d'installation
npx skills add https://github.com/pageai-pro/ralph-loop --skill component-refactoring
Catégorie
</>Développement
Vérifié
Première apparition
2026-02-25
Mis à jour
2026-03-10

Browse more skills from pageai-pro/ralph-loop

Réponses rapides

Qu'est-ce que component-refactoring ?

Refactorisez les composants React de haute complexité dans le frontend. À utiliser lorsque l'utilisateur demande un fractionnement de code, une extraction de hook ou une réduction de la complexité, ou lorsque vous rencontrez un composant trop complexe pour le comprendre et le refactoriser. Source : pageai-pro/ralph-loop.

Comment installer component-refactoring ?

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/pageai-pro/ralph-loop --skill component-refactoring 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/pageai-pro/ralph-loop