Refatore componentes React de alta complexidade no frontend do Dify. Use quando a análise mostrar complexidade > 50 ou lineCount > 300, quando o usuário solicitar divisão de código, extração de hooks ou redução de complexidade, ou quando a análise alertar para refatorar antes dos testes; evite para componentes simples/bem estruturados, wrappers de terceiros ou quando o usuário explicitamente quiser testar sem refatorar.
Esta skill, chamada 'langgenius/component-refactoring', é uma ferramenta especializada para refatorar componentes React de alta complexidade no frontend do Dify, uma plataforma de aplicativos de IA. Ela é útil para desenvolvedores que desejam melhorar a manutenibilidade, legibilidade e desempenho de seus componentes, reduzindo a complexidade ciclomática, extraindo hooks personalizados, dividindo grandes componentes em partes menores e mais focadas. A skill é ativada automaticamente quando: o comando `pnpm analyze-component --json` retorna uma complexidade maior que 50 ou um número de linhas superior a 300; quando o usuário solicita explicitamente divisão de código, extração de hooks ou redução de complexidade; ou quando o comando `pnpm analyze-component` alerta sobre a necessidade de refatoração antes de realizar testes. Por outro lado, a skill deve ser evitada para componentes simples ou bem estruturados, wrappers de terceiros ou quando o usuário deseja explicitamente realizar testes sem refatoração prévia. A skill funciona analisando métricas de complexidade do componente, sugerindo e aplicando refatorações como extração de hooks, divisão em subcomponentes, separação de lógica de negócios e otimização de estado. Ela se integra com ferramentas de análise de código como `pnpm analyze-component` e `pnpm complexity-report` para fornecer feedback quantitativo, e suporta plataformas como Claude Code e Cursor para assistência automatizada durante o desenvolvimento.
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoringInstalled? Explore more Programação e Desenvolvimento skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →
Refatore componentes React de alta complexidade no frontend do Dify. Use quando pnpm analyze-component --json mostrar complexidade > 50 ou lineCount > 300, quando o usuário solicitar divisão de código, extração de hooks ou redução de complexidade, ou quando pnpm analyze-component alertar para refatorar antes dos testes; evite para componentes simples/bem estruturados, wrappers de terceiros ou quando o usuário explicitamente quiser testar sem refatorar.
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.