CommunityProgramación y desarrollogithub.com

refactorización-de-componentes-dify

Refactoriza componentes React de alta complejidad en el frontend de Dify. Úsalo cuando `pnpm analyze-component --json` muestre una complejidad mayor a 50 o un lineCount mayor a 300, cuando el usuario solicite división de código, extracción de hooks o reducción de complejidad, o cuando `pnpm analyze-component` advierta que se debe refactorizar antes de probar; evítalo para componentes simples/bien estructurados, envoltorios de terceros, o cuando el usuario quiera explícitamente pruebas sin refactorización.

¿Qué es refactorización-de-componentes-dify?

Esta habilidad se especializa en la refactorización de componentes React de alta complejidad dentro del frontend de Dify. Su propósito principal es ayudar a los desarrolladores a dividir componentes grandes y complejos, extraer lógica en hooks personalizados, y reducir la complejidad general del código. Está diseñada para ser utilizada cuando herramientas de análisis como `pnpm analyze-component --json` detectan que la complejidad supera 50 o el número de líneas excede 300. La habilidad se activa automáticamente en estos casos o cuando el usuario solicita explícitamente acciones como división de código, extracción de hooks o reducción de complejidad. Es importante evitar su uso con componentes simples o bien estructurados, envoltorios de terceros, o cuando el usuario desea realizar pruebas sin refactorización previa. Esta herramienta es compatible con entornos de desarrollo que utilizan React y el ecosistema de Dify, facilitando el mantenimiento y la mejora de la calidad del código.

Compatible con~Claude Code~Codex CLI~Cursor
Part ofReact
npx skills add https://github.com/langgenius/dify/tree/main/skills/component-refactoring

Installed? Explore more Programación y desarrollo skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

langgenius/refactorización-de-componentes

Refactoriza componentes React de alta complejidad en el frontend de Dify. Úsalo cuando pnpm analyze-component --json muestre complejidad > 50 o lineCount > 300, cuando el usuario solicite división de código, extracción de hooks o reducción de complejidad, o cuando pnpm analyze-component advierta que se debe refactorizar antes de probar; evítalo para componentes simples/bien estructurados, envoltorios de terceros, o cuando el usuario quiera explícitamente pruebas sin refactorización.

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

Skills relacionados