component-refactoring - Refactor complex Dify React components
Refactors high-complexity React components in the Dify frontend using hooks, sub-components, data hooks, and other patterns.
Tags
Updated: 2026-09-28Capabilities
Typical Inputs
Typical Outputs
What this skill does
- Refactor complex React components
- Extract custom hooks
- Split UI sub-components
- Simplify conditional logic
- Extract API data logic
- Manage modal state
- Extract form logic
- Analyze component complexity
Inputs
- React component path
- Dify frontend codebase
- Complexity analysis metrics
Outputs
- Refactored component files
- Refactoring prompts
- Testing prompts
- Complexity analysis results
Requirements
- pnpm
- Dify web directory
- React frontend codebase