component-refactoring
Refactor high-complexity React components in Dify frontend
by langgeniusFree
Description
component-refactoring is an agent skill from the Dify repository by LangGenius, listed on skills.sh. It refactors high-complexity React components in the Dify frontend. Its threshold is a component with a complexity score above 50 or more than 300 lines, measured by the project's analyze-component command, and such components should be refactored before they are tested. The skill gives a quick reference of commands, run from the web folder, that generate a refactoring prompt for a given component path and produce testing prompts and metrics. Paths are relative to the web folder. It applies when the analysis flags a component, or when a person asks to refactor a large React component in the Dify app. A skill is a SKILL.md file of instructions that an AI agent loads when a task calls for it. It is free and open source, and the skills.sh listing shows all three security audits passing.…
Highlights
- Complexity threshold above 50 or 300 lines
- Refactoring prompt generation
- Testing prompts and metrics
- Commands run from the web folder
Ratings & Reviews
No ratings yet
Be the first to rate component-refactoring.
People also visit
component-refactoring FAQ
What does the component-refactoring skill do?
It refactors large or complex React components in the Dify frontend, using the project's analysis commands.
What counts as high complexity?
A complexity score above 50 or more than 300 lines, measured by pnpm analyze-component.
Where are the commands run?
From the web folder, with component paths relative to it.
How do I install it?
Run: npx skills add https://github.com/langgenius/dify --skill component-refactoring
Is it free?
Yes. It is free and open source.
Are there security findings?
The skills.sh listing shows Gen Agent Trust Hub, Socket and Snyk all passing.
What are the best component-refactoring alternatives?
Popular alternatives to component-refactoring include webapp-testing, frontend-patterns and orch-refine-code. See all component-refactoring alternatives