langgenius/component-refactoring

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 testing without refactoring.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoring

Ask in your favorite AI

Open a new chat with this agent skill pre-loaded.

Documentation

langgenius/component-refactoring

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 testing without refactoring.

Individual skills in this repo

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

Skills associés