component-refactoring
✓Refactorisez les composants React de haute complexité dans l'interface Dify. À utiliser lorsque `pnpm analyse-component --json` affiche une complexité > 50 ou lineCount > 300, lorsque l'utilisateur demande le fractionnement du code, l'extraction de hooks ou la réduction de la complexité, ou lorsque `pnpm analyse-component` avertit de refactoriser avant de tester ; évitez les composants simples/bien structurés, les wrappers tiers ou lorsque l'utilisateur souhaite explicitement tester sans refactoriser.
Installation
SKILL.md
Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.
Complexity Threshold: Components with complexity > 50 (measured by pnpm analyze-component) should be refactored before testing.
Use paths relative to web/ (e.g., app/components/...). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics.
Refactorisez les composants React de haute complexité dans l'interface Dify. À utiliser lorsque `pnpm analyse-component --json` affiche une complexité > 50 ou lineCount > 300, lorsque l'utilisateur demande le fractionnement du code, l'extraction de hooks ou la réduction de la complexité, ou lorsque `pnpm analyse-component` avertit de refactoriser avant de tester ; évitez les composants simples/bien structurés, les wrappers tiers ou lorsque l'utilisateur souhaite explicitement tester sans refactoriser. Source : langgenius/dify.
Faits (prêts à citer)
Champs et commandes stables pour les citations IA/recherche.
- Commande d'installation
npx skills add https://github.com/langgenius/dify --skill component-refactoring- Source
- langgenius/dify
- Catégorie
- </>Développement
- Vérifié
- ✓
- Première apparition
- 2026-02-01
- Mis à jour
- 2026-02-18
Réponses rapides
Qu'est-ce que component-refactoring ?
Refactorisez les composants React de haute complexité dans l'interface Dify. À utiliser lorsque `pnpm analyse-component --json` affiche une complexité > 50 ou lineCount > 300, lorsque l'utilisateur demande le fractionnement du code, l'extraction de hooks ou la réduction de la complexité, ou lorsque `pnpm analyse-component` avertit de refactoriser avant de tester ; évitez les composants simples/bien structurés, les wrappers tiers ou lorsque l'utilisateur souhaite explicitement tester sans refactoriser. Source : langgenius/dify.
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/langgenius/dify --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 ou Cursor
Où se trouve le dépôt source ?
https://github.com/langgenius/dify
Détails
- Catégorie
- </>Développement
- Source
- skills.sh
- Première apparition
- 2026-02-01