💻Development
131,496
2,546

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.

#refactor#code-review#frontend#react#pnpm
Share
Quick Install
>_npx skills add langgenius/dify
Documentation
Loading documentation...
Repository
Repositorylanggenius/dify
Stars131,496
Last UpdatedMar 7, 2026
Related Skills
98,200
1,664

remotion-best-practices

Best practices for creating videos with React and Remotion.

remotion-dev
remotion-dev/skills
85,870
22,258

vercel-react-best-practices

Provides React and Next.js performance optimization guidelines from Vercel Engineering.

vercel-labs
vercel-labs/agent-skills
17,885
22,258

vercel-composition-patterns

A skill for applying React composition patterns that scale, useful for refactoring components and building flexible libraries.

vercel-labs
vercel-labs/agent-skills
13,500
55,506

systematic-debugging

A skill for systematic debugging to identify and resolve bugs or unexpected behaviors before proposing fixes.

obra
obra/superpowers
13,370
22,258

vercel-react-native-skills

Best practices for React Native and Expo app development, focusing on performance and native module integration.

vercel-labs
vercel-labs/agent-skills