component-refactoring
Refactor complex React components using automated complexity analysis and standardized architectural patterns.
Install
npx skills add https://github.com/langgenius/dify --skill component-refactoringStats
| Total installs | 2,822 |
| Weekly installs | 2.8K |
| GitHub stars | 134.7K |
| First seen | Jan 20, 2026 |
| Source | @langgenius/dify |
Summary
- Targets components with complexity > 50 or line count > 300; use pnpm analyze-component --json to measure and pnpm refactor-component to generate refactoring prompts
- Six core patterns: custom hooks for state/logic, sub-components for UI sections, simplified conditionals, API/data extraction, modal management, and form logic
- Dify-specific conventions for context providers, workflow nodes, configuration components, and tool-related UI; follows existing directory structures and naming
- Incremental workflow: extract one piece at a time, lint/type-check/test after each step, verify improvements with re-analysis before moving to next extraction
Tags
Related skills
| Skill | Installs | vs component-refactoring |
|---|---|---|
| tailwind-v4-shadcn | 2,662 | -160 |
| ui-animation | 2,426 | -396 |
| flutter-managing-state | 2,597 | -225 |
| clerk-setup | 2,925 | +103 |
| vue-jsx-best-practices | 3,275 | +453 |
FAQ
- How many installs does component-refactoring have?
- component-refactoring has 2,822 total installs and 2.8K installs this week.
- Where is component-refactoring hosted?
- component-refactoring is published by @langgenius/dify at https://github.com/langgenius/dify.
- How many GitHub stars does component-refactoring have?
- component-refactoring has 134.7K GitHub stars.
- When was component-refactoring first indexed?
- OrangeBot.AI first indexed component-refactoring on Jan 20, 2026.
- How do I install component-refactoring?
- Run: npx skills add https://github.com/langgenius/dify --skill component-refactoring