component-refactoring
✓Dify 프런트엔드에서 복잡도가 높은 React 구성요소를 리팩터링합니다. `pnpm analyze-comComponent --json`이 복잡성 > 50 또는 lineCount > 300을 표시하는 경우, 사용자가 코드 분할, 후크 추출 또는 복잡성 감소를 요청하는 경우 또는 `pnpm analyze-comComponent`가 테스트 전에 리팩토링하라고 경고하는 경우에 사용하세요. 단순하고 구조화된 구성 요소, 타사 래퍼 또는 사용자가 명시적으로 리팩터링 없이 테스트를 원하는 경우에는 피하세요.
SKILL.md
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.
Dify 프런트엔드에서 복잡도가 높은 React 구성요소를 리팩터링합니다. `pnpm analyze-comComponent --json`이 복잡성 > 50 또는 lineCount > 300을 표시하는 경우, 사용자가 코드 분할, 후크 추출 또는 복잡성 감소를 요청하는 경우 또는 `pnpm analyze-comComponent`가 테스트 전에 리팩토링하라고 경고하는 경우에 사용하세요. 단순하고 구조화된 구성 요소, 타사 래퍼 또는 사용자가 명시적으로 리팩터링 없이 테스트를 원하는 경우에는 피하세요. 출처: langgenius/dify.
인용 가능한 정보
AI/검색 인용용 안정적인 필드와 명령어.
- 설치 명령어
npx skills add https://github.com/langgenius/dify --skill component-refactoring- 카테고리
- </>개발 도구
- 인증됨
- ✓
- 최초 등록
- 2026-02-01
- 업데이트
- 2026-02-18
빠른 답변
component-refactoring이란?
Dify 프런트엔드에서 복잡도가 높은 React 구성요소를 리팩터링합니다. `pnpm analyze-comComponent --json`이 복잡성 > 50 또는 lineCount > 300을 표시하는 경우, 사용자가 코드 분할, 후크 추출 또는 복잡성 감소를 요청하는 경우 또는 `pnpm analyze-comComponent`가 테스트 전에 리팩토링하라고 경고하는 경우에 사용하세요. 단순하고 구조화된 구성 요소, 타사 래퍼 또는 사용자가 명시적으로 리팩터링 없이 테스트를 원하는 경우에는 피하세요. 출처: langgenius/dify.
component-refactoring 설치 방법은?
터미널 또는 명령줄 도구(Terminal, iTerm, Windows Terminal 등)를 엽니다 이 명령어를 복사하여 실행합니다: npx skills add https://github.com/langgenius/dify --skill component-refactoring 설치 후 스킬은 자동으로 AI 코딩 환경에 설정되어 Claude Code나 Cursor에서 사용할 수 있습니다
소스 저장소는 어디인가요?
https://github.com/langgenius/dify
상세
- 카테고리
- </>개발 도구
- 출처
- skills.sh
- 최초 등록
- 2026-02-01