MCP HubMCP Hub
SKILL·47554B

component-refactoring

ma1orek
Mis à jour 1 month ago
8 vues
1
1
Voir sur GitHub
Testsreacttesting

À propos

Cette compétence refactorise les composants React complexes dans l'interface frontend de Dify lorsque les métriques dépassent les seuils définis (complexité > 50 ou lignes > 300) ou lorsqu'un découpage de code est demandé. Elle extrait des hooks, divise les composants et réduit la complexité en utilisant des commandes spécifiques depuis le répertoire `web/`. Évitez de l'utiliser pour des composants simples, du code tiers, ou lorsque le seul objectif est le test.

Installation rapide

Claude Code

Recommandé
Principal
npx skills add ma1orek/replay -a claude-code
Commande PluginAlternatif
/plugin add https://github.com/ma1orek/replay
Git CloneAlternatif
git clone https://github.com/ma1orek/replay.git ~/.claude/skills/component-refactoring

Copiez et collez cette commande dans Claude Code pour installer cette compétence

Dépôt GitHub

ma1orek/replay
Chemin: .cursor/skills/component-refactoring
0
FAQ

Frequently asked questions

What is the component-refactoring skill?

component-refactoring is a Claude Skill by ma1orek. Skills package instructions and resources that Claude loads on demand, so Claude can perform component-refactoring-related tasks without extra prompting.

How do I install component-refactoring?

Use the install commands on this page: add component-refactoring to Claude Code as a plugin, or clone its repository into your skills directory, then restart Claude so it picks up the skill.

What category does component-refactoring belong to?

component-refactoring is in the Testing category, tagged react and testing.

Is component-refactoring free to use?

Yes. component-refactoring is listed on AIMCP and free to install. It runs inside Claude, so no separate service account is required to use the skill itself.

Compétences associées

evaluating-llms-harness
Tests

Cette compétence Claude exécute le lm-evaluation-harness pour évaluer les modèles de langage sur plus de 60 tâches académiques standardisées telles que MMLU et GSM8K. Elle est conçue pour permettre aux développeurs de comparer la qualité des modèles, de suivre les progrès de l'entraînement ou de rapporter des résultats académiques. L'outil prend en charge différents backends, incluant les modèles HuggingFace et vLLM.

Voir la compétence
cloudflare-cron-triggers
Tests

Cette compétence fournit une connaissance complète pour la mise en œuvre de Déclencheurs Cron Cloudflare afin de planifier des Workers à l'aide d'expressions cron. Elle couvre la configuration de tâches périodiques, de travaux de maintenance et de flux de travail automatisés, tout en traitant des problèmes courants tels que les expressions cron non valides et les problèmes de fuseau horaire. Les développeurs peuvent l'utiliser pour configurer des gestionnaires planifiés, tester des déclencheurs cron et intégrer avec Workflows et Green Compute.

Voir la compétence
webapp-testing
Tests

Cette Compétence Claude fournit une boîte à outils basée sur Playwright pour tester des applications web locales via des scripts Python. Elle permet la vérification frontend, le débogage d'interface utilisateur, la capture d'écrans et la consultation des journaux, tout en gérant les cycles de vie du serveur. Utilisez-la pour les tâches d'automatisation de navigateur, mais exécutez les scripts directement plutôt que de lire leur code source pour éviter la pollution du contexte.

Voir la compétence
finishing-a-development-branch
Tests

Cette compétence aide les développeurs à finaliser leur travail en vérifiant que les tests passent, puis en présentant des options d'intégration structurées. Elle guide le processus de fusion, de création de PRs ou de nettoyage des branches une fois l'implémentation terminée. Utilisez-la lorsque votre code est prêt et testé pour finaliser systématiquement le cycle de développement.

Voir la compétence