CommunityCodierung & Entwicklunggithub.com

langgenius/komponenten-refactoring

Refactoriere hochkomplexe React-Komponenten im Dify-Frontend, wenn Metriken wie `pnpm analyze-component --json` eine Komplexität > 50 oder eine Zeilenanzahl > 300 anzeigen, oder wenn der Benutzer explizit nach Code-Splitting, Hook-Extraktion oder Komplexitätsreduktion fragt.

Was ist komponenten-refactoring?

Dieses Skill ermöglicht die strukturierte Refaktorierung von hochkomplexen React-Komponenten im Dify-Frontend. Es wird aktiviert, wenn Analyse-Tools wie `pnpm analyze-component --json` eine Komplexität von mehr als 50 oder eine Zeilenanzahl von über 300 melden, oder wenn der Benutzer explizit nach Code-Splitting, Hook-Extraktion oder Komplexitätsreduktion fragt. Der Skill vermeidet Änderungen an einfachen oder gut strukturierten Komponenten, Third-Party-Wrappern oder wenn der Benutzer ausschließlich Tests ohne Refaktorierung wünscht. Er ist für Entwickler und KI-Agenten konzipiert, die in der Dify-Codebasis arbeiten und die Wartbarkeit, Testbarkeit und Performance von React-Komponenten verbessern möchten.

Funktioniert mit~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoring

Installed? Explore more Codierung & Entwicklung skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Original anzeigen→Alle Skills durchsuchen

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Dokumentation

Was macht komponenten-refactoring?

Refactoriere hochkomplexe React-Komponenten im Dify-Frontend. Verwende dies, wenn pnpm analyze-component --json eine Komplexität > 50 oder eine Zeilenanzahl > 300 anzeigt, wenn der Benutzer nach Code-Splitting, Hook-Extraktion oder Komplexitätsreduktion fragt, oder wenn pnpm analyze-component davor warnt, vor dem Testen zu refaktorieren. Vermeide dies bei einfachen/wohlstrukturierten Komponenten, Third-Party-Wrappern oder wenn der Benutzer explizit Tests ohne Refaktorierung wünscht.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

langgenius/backend-code-review

Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.

langgenius/frontend-code-review

Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.

langgenius/frontend-testing

Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.

Verwandte Skills

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Codierung & Entwicklung skills