Logo
Agent Skills Guide

component-refactoring

published 2026/01/13

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.

📦 Install Skill

Command line install

Install directly with the `skills` CLI.

npx skills add langgenius/dify/.claude/skills/component-refactoring

Local download

Download only this skill directory.

Download component-refactoring only
File Explorer
0 files
No file selected
readonly

Select a file to view its content

Resources