component-refactoring
✓Refaktorieren Sie hochkomplexe React-Komponenten im Dify-Frontend. Wird verwendet, wenn „pnpmanalysate-component --json“ eine Komplexität > 50 oder lineCount > 300 anzeigt, wenn der Benutzer nach Codeaufteilung, Hook-Extraktion oder Komplexitätsreduzierung fragt oder wenn „pnpmanalysate-component“ vor dem Testen eine Umgestaltung anfordert; Vermeiden Sie dies für einfache/gut strukturierte Komponenten, Wrapper von Drittanbietern oder wenn der Benutzer ausdrücklich Tests ohne Refactoring wünscht.
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.
Refaktorieren Sie hochkomplexe React-Komponenten im Dify-Frontend. Wird verwendet, wenn „pnpmanalysate-component --json“ eine Komplexität > 50 oder lineCount > 300 anzeigt, wenn der Benutzer nach Codeaufteilung, Hook-Extraktion oder Komplexitätsreduzierung fragt oder wenn „pnpmanalysate-component“ vor dem Testen eine Umgestaltung anfordert; Vermeiden Sie dies für einfache/gut strukturierte Komponenten, Wrapper von Drittanbietern oder wenn der Benutzer ausdrücklich Tests ohne Refactoring wünscht. Quelle: langgenius/dify.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/langgenius/dify --skill component-refactoring- Quelle
- langgenius/dify
- Kategorie
- </>Entwicklung
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist component-refactoring?
Refaktorieren Sie hochkomplexe React-Komponenten im Dify-Frontend. Wird verwendet, wenn „pnpmanalysate-component --json“ eine Komplexität > 50 oder lineCount > 300 anzeigt, wenn der Benutzer nach Codeaufteilung, Hook-Extraktion oder Komplexitätsreduzierung fragt oder wenn „pnpmanalysate-component“ vor dem Testen eine Umgestaltung anfordert; Vermeiden Sie dies für einfache/gut strukturierte Komponenten, Wrapper von Drittanbietern oder wenn der Benutzer ausdrücklich Tests ohne Refactoring wünscht. Quelle: langgenius/dify.
Wie installiere ich component-refactoring?
Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/langgenius/dify --skill component-refactoring Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/langgenius/dify
Details
- Kategorie
- </>Entwicklung
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01