Skip to main content
Back to registry

component-refactoring

langgenius/dify

Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.

Installs2
Install command
npx skills add https://github.com/langgenius/dify --skill component-refactoring
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below. Complexity Threshold : Components with complexity > 50 (measured by pnpm analyze-component ) should be refactored before testing. Use paths relative to web/ (e.g., app/components/... ). Use refactor-component for refactoring prompts and analyze-component for testing prompts and metrics. When : Component has complex state management, multiple useState / useEffect , or business logic mixed with UI. Dify Convention : Place hooks in a hooks/ subdirectory or alongside the component as use- .ts . Dify Examples : When : Single component has multiple UI sections, conditional rendering blocks, or repeated patterns. Dify Convention : Place sub-components in subdirectories or as separate files in the same directory.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does component-refactoring do?

Refactor high-complexity React components in the Dify frontend codebase with the patterns and workflow below.

Is component-refactoring good?

component-refactoring does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does component-refactoring work with?

component-refactoring currently lists compatibility with Agent compatibility has not been published yet..

What are alternatives to component-refactoring?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install component-refactoring?

npx skills add https://github.com/langgenius/dify --skill component-refactoring

Related skills

More from langgenius/dify

Related skills

Alternatives in Software Engineering