Claude Code Front Refactor
Modernisez votre code frontend sans toucher à son comportement, directement depuis Claude Code.
Claude Code Front Refactor est un skill Claude Code qui réécrit les fichiers frontend avec un nommage amélioré, une logique simplifiée, la suppression du code mort et une syntaxe moderne. Grâce à une simple commande slash, le mode preview analyse le fichier et produit un diff structuré de tous les changements proposés, le mode apply réécrit le fichier. Compatible avec JavaScript, TypeScript, React, CSS, Sass, Vue, Svelte et Astro, il couvre une large partie de la stack frontend.
git clone https://github.com/Effeilo/claude-code-frontend-skills.git
Skill pour Claude Code
Voir le CHANGELOG
Fonctionnalités clés de Claude Code Front Refactor
- 🔧 Deux modes : Preview (diff structuré, fichier inchangé) ou Apply (réécrit le fichier avec tous les changements)
- 🌐 Prend en charge 8 types de fichiers : JS, TS, React (JSX/TSX), CSS, Sass, Vue, Svelte, Astro
- 📦 Quatre catégories de refactoring : DEAD (suppression du code mort), NAMING (amélioration du nommage), SIMPLIFY (simplification de la logique), MODERN (modernisation de la syntaxe)
- 🔒 Préservation du comportement : les changements qui affectent les symboles exportés, les APIs publiques ou les références inter-fichiers sont signalés dans les Notes et jamais appliqués silencieusement
- 📍 Chaque changement proposé inclut une référence de ligne, un extrait avant/après et une justification en une phrase
- 🔀 Sûr par défaut : les renommages inter-fichiers et les changements d'API publique sont signalés mais jamais appliqués automatiquement
- ✨ Intégration Context7 : si disponible, enrichit la passe de refactoring avec la documentation des frameworks à jour pour détecter les patterns dépréciés et leurs remplacements modernes
- ⚡ Chargement optimisé : des sous-fichiers par langage, seules les règles pertinentes sont chargées à chaque exécution
Fait partie de la collection Claude Code Frontend Skills.
