Skip to content

指南

基于 vuejs-ai/skills README 编写。社区项目,Evan You 表态成熟后可能转 Vue 官方,现在不是。

速查

  • 两类技能:Capability(AI 没它解不了:版本专有/未文档化/新特性/边界)vs Efficiency(能解但不够好:最优模式/一致性)
  • eval 驱动筛选:Baseline(无技能)vs With-skill;Fail→Pass 保留,Pass→Pass 考虑删——只留真正让模型「从不会到会」的规则
  • 8 技能 覆盖 Vue 3 主栈;Use vue skill 前缀显式触发最稳
  • 状态诚实:社区项目(org 标 Unofficial),README 自承可能因幻觉不完整
  • dev/main 分支:dev 开发,main 只放已发布
  • npx skills add vuejs-ai/skills;MIT

方法论:Capability vs Efficiency

Vue Skills 把技能分两类——这个分类本身就很有价值,帮你判断哪些技能真正必要:

类型含义针对
CapabilityAI 没有技能就解不了的问题版本专有问题、未文档化的行为、近期新特性、训练数据外的边界
EfficiencyAI 解但不够好提供最优模式、最佳实践、一致的做法,提升解法质量

这个区分很实用:Capability 类技能是「非装不可」(不装 AI 就错/不会),Efficiency 类是「装了更好」(不装也能跑但不够优)。它让你理解一个技能的价值到底在哪。

eval 驱动的规则筛选

这是 Vue Skills 最硬核的地方——每条规则都经自动 eval 验证,不是拍脑袋写:

  1. Baseline:不装技能跑一遍
  2. With-skill:装技能跑一遍
BaselineWith Skill处理
FailPass保留(技能让模型从不会到会)
PassPass考虑移除(模型本来就会,技能没增量)

一条规则只有当它让模型解决了原本解决不了的问题才保留。这是证据驱动的技能策展——避免堆一堆「模型本来就会」的无用规则,让每条规则都真正有增量。这与「反合理化」「证据要求」是同一种工程严谨。

8 个技能

技能覆盖
vue-best-practicesVue 3 + Composition API + TS:最佳实践、常见坑、SSR、性能(demo:用 shallowRef、状态入 composable、组件拆分)
vue-options-api-best-practicesOptions API:this 上下文、生命周期、Options API + TS
vue-router-best-practicesVue Router 4:导航守卫、路由参数、路由-组件生命周期
vue-pinia-best-practicesPinia:store 设置、响应式、状态模式
vue-testing-best-practicesVitest、Vue Test Utils、Playwright
vue-jsx-best-practicesVue JSX:与 React JSX 的语法差异
vue-debug-guides运行时错误、警告、异步错误处理、hydration 问题
create-adaptable-composable可复用 composable:MaybeRef/MaybeRefOrGetter 输入模式(源自 serkodev/vue-skills 的 create-agnostic-composable)

触发:Use vue skill 前缀

为最可靠的结果,prompt 前缀 Use vue skill

text
Use vue skill, create a todo app

显式触发技能,确保 AI 遵循文档化的模式。不加前缀时,触发取决于 prompt 与技能描述关键词的匹配度——可能不一致。这也印证了 Next.js 那叶 讲的「skills 按需触发可能有假阴性」,用显式前缀是绕过办法之一。

社区 / 官方状态(务必如实)

  • GitHub 组织 vuejs-ai 描述为 "(Unofficial) Building AI tools for Vue"——明确非官方
  • 作者计划在项目有价值且成熟后提议转交给 Vue 官方组织
  • Evan You 表态:等它更成熟、测试更充分后可能转正式,但目前仍是社区倡议
  • README 诚实警告:技能源自真实 issue,但可能因幻觉不完整,请给反馈

选型时:把它当作「高质量、eval 驱动、有官方转正路径的社区 Vue 技能」,而非「Vue 官方出品」。这个区分很重要——别把半官方说成官方。

与相邻项目的关系

项目关系
antfu/skillsAnthony Fu 的全工具链集,vendored 了本项目的 vue-best-practices/router/testing
vueuse/skillsVueUse(200+ composition 工具)专技能,被 antfu vendored
onmax/nuxt-skillsNuxt 专技能

反模式

反模式问题
把它当 Vue 官方出品宣传目前是社区项目,别夸大
不加 Use vue skill 又抱怨没触发描述匹配不准时用显式前缀
盲信每条规则README 自承可能因幻觉不完整,需验证
忽略 Capability/Efficiency 区分该分类帮你判断技能价值,别浪费

下一步