Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component --json` shows complexity > 50 or lineCount > 300, when the user asks for code splitting, hook extraction, or complexity reduction, or when `pnpm analyze-component` warns to refactor before testing; avoid for simple/well-structured components, third-party wrappers, or when the user explicitly wants…
Install
npx skills add langgenius/dify --skill component-refactoringnpx skills add langgenius/dify --skill component-refactoring -a claude-code -gnpx skills add langgenius/dify --skill component-refactoring -a codex -ggemini skills install https://github.com/langgenius/dify.git --path .agents/skills/component-refactoringgh skill install langgenius/dify component-refactoringgit clone --depth 1 https://github.com/langgenius/dify /tmp/langgenius__dify
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/langgenius__dify/.agents/skills/component-refactoring ~/.claude/skills/component-refactoring # Claude Code
cp -R /tmp/langgenius__dify/.agents/skills/component-refactoring ~/.agents/skills/component-refactoring # Codex, Cursor, Gemini CLI, Copilot, OpenCode