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 HEADgit diff --cached --name-only 获取的变动文件执行优化
  • 指定范围:对用户指定的文件或文件夹内支持的文件执行优化
  • 用户提供内容:直接优化提供的代码内容

支持的文件类型.vue(Vue3 <script setup> SFC)、.js.jsx.ts.tsx.css.scss.less


❌ 不适用场景

Related skills
Installs
6
GitHub Stars
1
First Seen
Apr 29, 2026