CommunityDéveloppement et programmationgithub.com

langgenius/refactorisation-de-composants

Refactorise les composants React à haute complexité dans le frontend Dify. Utilisez-le lorsque `pnpm analyze-component --json` affiche une complexité > 50 ou un nombre de lignes > 300, lorsque l'utilisateur demande une scission de code, une extraction de hooks ou une réduction de complexité, ou lorsque `pnpm analyze-component` avertit de refactoriser avant de tester ; à éviter pour les composants simples/bien structurés, les wrappers tiers, ou lorsque l'utilisateur souhaite explicitement tester sans refactorisation.

Qu'est-ce que refactorisation-de-composants ?

Cette compétence permet de refactoriser les composants React à haute complexité dans le frontend de l'application Dify. Elle est particulièrement utile lorsque les outils d'analyse de code (comme `pnpm analyze-component --json`) identifient une complexité élevée (supérieure à 50) ou un nombre de lignes de code important (plus de 300), ce qui indique un besoin de restructuration pour améliorer la maintenabilité et les performances. La compétence prend en charge les plateformes et environnements de développement où Dify est utilisé, en se concentrant sur des opérations telles que la scission de code, l'extraction de hooks personnalisés et la réduction de la complexité. Elle évite toute interaction avec des composants simples, des wrappers tiers, ou lorsque l'utilisateur demande explicitement des tests sans refactorisation. En suivant les directives de SKILL.md, elle garantit un processus automatisé et conforme aux meilleures pratiques de développement, permettant ainsi aux développeurs d'optimiser leur code de manière efficace et sécurisée.

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

Installed? Explore more Développement et programmation skills: steipete/bluebubbles, steipete/eightctl, steipete/blucli · View all 6 →

Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait refactorisation-de-composants ?

Refactorise les composants React à haute complexité dans le frontend Dify. Utilisez-le lorsque pnpm analyze-component --json affiche une complexité > 50 ou un nombre de lignes > 300, lorsque l'utilisateur demande une scission de code, une extraction de hooks ou une réduction de complexité, ou lorsque pnpm analyze-component avertit de refactoriser avant de tester ; à éviter pour les composants simples/bien structurés, les wrappers tiers, ou lorsque l'utilisateur souhaite explicitement tester sans refactorisation.

Individual skills in this repo

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

langgenius/backend-code-review

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.

langgenius/frontend-code-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.

langgenius/frontend-testing

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.

Skills associés

steipete/bluebubbles

Send and manage iMessages via BlueBubbles, including attachments, tapbacks, edits, replies, and groups.

community

steipete/eightctl

Control Eight Sleep pods (status, temperature, alarms, schedules).

community

steipete/blucli

BluOS CLI (blu) for discovery, playback, grouping, and volume.

community

steipete/bear-notes

Create, search, and manage Bear notes via grizzly CLI.

community

steipete/camsnap

Capture frames or clips from RTSP/ONVIF cameras.

community

steipete/gifgrep

Search GIF providers with CLI/TUI, download results, and extract stills/sheets.

community
← More Développement et programmation skills