vue3-logic-organizer

Group related statements such as imports, feature modules, and lifecycle hooks together, then separate each group with a comment divider like // --- [功能名称] ---. This Skill performs that analysis and grouping automatically following a defined rules file.

Identify the distinct concerns in the script block, cluster related code, and add labeled comment separators between clusters. This Skill applies that process directly to <script setup> blocks without changing runtime behavior.

Yes, it is designed specifically for Vue 3 <script setup> blocks, which use the Composition API. It groups imports, composables, reactive state, and lifecycle hooks into labeled sections.

No, the reorganization only reorders and groups statements and adds comment separators. It does not modify logic, so component behavior remains unchanged as long as declaration order dependencies are respected.

Automatic grouping relies on recognizable code patterns, so highly interdependent statements may need manual review. The Skill follows a fixed rules file and does not refactor logic, rename variables, or split components.