yy-frontend-vue3-code-optimization
Installation
SKILL.md
yy-frontend-vue3-code-optimization
针对 Vue3 页面组件、JavaScript/TypeScript/JSX/TSX 和 CSS/SCSS/Less 文件的代码优化技能。通过统一 <script setup> 组合式 API 结构、语义化命名、BEM 样式规范、逻辑分层和关键注释,显著提升代码可读性与团队协作效率,降低维护与交接成本。
核心原则:不主动生成新组件(组件拆分建议需用户确认后再执行)。涉及业务变更必须先确认。
🎯 适用场景
- 默认范围:对
git diff --name-only HEAD和git diff --cached --name-only获取的变动文件执行优化 - 指定范围:对用户指定的文件或文件夹内支持的文件执行优化
- 用户提供内容:直接优化提供的代码内容
支持的文件类型:.vue(Vue3 <script setup> SFC)、.js、.jsx、.ts、.tsx、.css、.scss、.less
❌ 不适用场景
Related skills