What problem does it solve? Large Vue components and hardcoded comparison values make codebases hard to maintain. This Skill automates the detection of magic numbers in strict equality checks and analyzes oversized Vue components to produce ready-to-use AI refactoring prompts. ## Core Features & Use Cases - Magic Number Detection: Scans all .vue files under a target directory and reports hardcoded numbers or strings used in === and !== comparisons, with a whitelist to ignore patterns like .length checks. - Vue Component Split Analysis: Finds the largest .vue file in a directory (or analyzes a specified file), reports Template/Script/Style line proportions, and detects v-for loops longer than 30 lines. - AI Refactoring Prompt Generation: Outputs a detailed prompt instructing an AI to split the component into Hooks, Utils, and child Components within the same module directory, following JSDoc rules. - Use Case: Run the vue-split task on your src directory before a sprint refactor; paste the generated prompt into an AI assistant to receive a concrete split plan with new file code. ## Quick Start Ask the AI to run the code-refactor script with the vue-split type on your src directory to analyze the largest Vue component and generate a refactoring prompt.
