code-convergence-and-abstraction-boundary

Review source code for readability, maintainability, code structure, code smells, React state/effect usage, TypeScript rigor, abstraction quality, and…

规范 TypeScript / Vue 项目中的模块导入方式，包括路径别名优先、桶导入（barrel import）、类型导入分离、导入排序以及 API 模块的导入风格。在编写或修改任何 .ts / .vue 文件的 import 语句时自动应用。

shadcn-vue component docs in-repo: CLI install, Vue usage, Reka API when applicable.

规范 TypeScript / Vue 项目中的模块导出方式，包括命名导出优先、桶导出（barrel export）组织、类型导出分离、export default 受限使用以及导出排序。在编写或修改任何 .ts / .vue 文件的 export 语句时自动应用。

规范项目中的文件命名方式，确保文件名统一使用短横线连接（kebab-case），提高代码一致性与可读性。在创建、重命名、生成任何文件时自动应用。

Git 工作流、提交规范、中文 Conventional Commits 提交信息生成与常见命令速查。适用于 commit、branch、rebase、undo、conflict 等所有 git 相关问题。

规范 Vue 3 页面的目录结构与组件拆分方式，遵循容器组件与展示组件分离原则。index.vue 仅作为入口组装各子模块，业务逻辑和 UI 片段必须拆分到 components/、hooks/ 等子目录中。在创建新页面、重构现有页面、或编写 Vue 组件时自动应用。

规范组件开发中 LESS 的书写方式，要求必须使用嵌套语法，且顶层类名尽量只保留一个。在编写或修改组件样式（LESS / .less / style lang="less"）时自动应用。

规范组件开发中 SCSS 的书写方式，要求必须使用嵌套语法，且顶层类名尽量只保留一个。在编写或修改组件样式（SCSS / style 块）时自动应用。

当在 Vue3 项目中新建 .vue 文件时，自动生成标准的单文件组件基础结构，并根据项目是否使用 TypeScript 决定是否添加 lang="ts"

根据当前改动生成符合 Conventional Commits 规范的中文 Git 提交信息，可附带详细变更说明