Dify 프론트엔드의 복잡한 React 컴포넌트를 리팩토링합니다. `pnpm analyze-component --json` 결과 복잡도가 50을 초과하거나 lineCount가 300을 초과할 때, 사용자가 코드 분할, 훅 추출 또는 복잡도 감소를 요청할 때, 또는 `pnpm analyze-component`가 테스트 전 리팩토링을 경고할 때 사용합니다. 간단하거나 잘 구조화된 컴포넌트, 서드파티 래퍼, 또는 사용자가 명시적으로 리팩토링 없이 테스트를 원하는 경우에는 사용하지 마십시오.
이 스킬은 Dify 프론트엔드에서 복잡도가 높은 React 컴포넌트를 체계적으로 리팩토링하는 데 사용됩니다. `pnpm analyze-component --json` 명령어를 통해 측정된 복잡도가 50을 초과하거나 코드 라인 수가 300줄 이상인 경우, 코드 분할, 훅 추출, 복잡도 감소와 같은 개선 작업을 수행합니다. 이는 개발자가 높은 복잡도로 인한 유지보수 및 테스트 어려움을 해결하는 데 중점을 두며, CLI 기반 분석 도구와 에이전트의 자동화된 리팩토링 결정을 결합하여 효율적인 코드 품질 개선을 돕습니다. 사용자는 명령어 실행 결과를 기반으로 리팩토링이 필요한지 판단할 수 있으며, 에이전트가 자동으로 적절한 분할, 추출, 재구성 작업을 제안하고 수행합니다. 단, 단순하거나 잘 구조화된 컴포넌트, 서드파티 래퍼, 또는 사용자가 명시적으로 테스트만 원하는 경우에는 이 스킬을 적용하지 않습니다.
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoringInstalled? Explore more 코딩 & 개발 skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Dify 프론트엔드에서 높은 복잡도를 가진 React 컴포넌트를 리팩토링합니다. pnpm analyze-component --json 명령어로 복잡도가 50을 초과하거나 lineCount가 300을 초과할 때, 사용자가 코드 분할, 훅 추출 또는 복잡도 감소를 요청할 때, 또는 pnpm analyze-component가 테스트 전 리팩토링을 경고할 때 사용하십시오. 간단하거나 잘 구조화된 컴포넌트, 서드파티 래퍼, 또는 사용자가 명시적으로 리팩토링 없이 테스트를 원하는 경우에는 사용하지 마십시오.
This repo contains 3 individual skills — each has its own dedicated page.
Review backend code for quality, security, maintainability, and best practices based on established checklist rules. Use when the user requests a review, analysis, or improvement of backend files (e.g., `.py`) under the `api/` directory. Do NOT use for frontend files (e.g., `.tsx`, `.ts`, `.js`). Supports pending-change review, code snippets review, and file-focused review.
Trigger when the user requests a review of frontend files (e.g., `.tsx`, `.ts`, `.js`). Support both pending-change reviews and focused file reviews while applying the checklist rules.
Generate Vitest + React Testing Library tests for Dify frontend components, hooks, and utilities. Triggers on testing, spec files, coverage, Vitest, RTL, unit tests, integration tests, or write/review test requests.
Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.
Control Eight Sleep pods (status, temperature, alarms, schedules).
BluOS CLI (blu) for discovery, playback, grouping, and volume.
Create, search, and manage Bear notes via grizzly CLI.
Capture frames or clips from RTSP/ONVIF cameras.
Search GIF providers with CLI/TUI, download results, and extract stills/sheets.