我最近遇到了个有意思的事。

上周在用 Claude Code 写一个 Vue 3 组件时，它生成的代码确实能跑，逻辑也没问题，但用了 ref 套 ref 这种明显的反模式。

当时我在想，为什么一个这么强大的模型，连这种基础的坑都避不开？

后来才意识到，问题根本不在模型，而在于AI 根本没被告诉"Vue 的正确姿态"是什么。

这个想法在昨天被彻底验证了。尤雨溪转发了一个项目：vue-skills，作者是 Vue 团队成员 Yunfei He。

看完之后我才恍然大悟，原来 AI 社区这半年一直在折腾的 Skills，核心价值就在这里。

Skills 火起来的真实原因

你可能也注意到了，最近不管是 Claude Code、VS Code Agent、Coze 2.0 还是 Cursor，几乎所有主流 AI 工具都开始围绕一个概念转圈：Skills。

乍一看挺虚的，但其实它解决的是个很实际的问题。

以前我们用 AI 写代码是什么样的？"帮我写个 Vue 组件"、"这个 TypeScript 报错怎么改"

AI 每次都是从零开始理解你的问题，然后现场拼凑答案。

这种模式有个致命的弱点：AI 没有「长期记忆」。

它不知道你们团队的规范，也不知道 Vue 生态里哪些写法是坑。

Skills 改变了这个逻辑。简单说，它就是把「长期积累的经验、最佳实践、规则约束」打包成一套可复用的模块，让 AI 在生成代码时能自动参考这些规则，而不是凭空发挥。你可以把它理解为：AI 的专业知识库、行为约束系统，甚至是某个技术栈的"官方用法说明书（AI 版）"。

vue-skills 核心在解决什么

vue-skills 本身不是组件库，也不是工具函数集合，这一点很关键。

它要做的事情，远比这些东西更有用把 Vue 3 的正确姿态明确定义出来，让 AI 能够学会。

具体来说，它覆盖了这些维度：

vue-best-practices：Vue 3 的核心最佳实践。Composition API 怎么写不会踩坑？TypeScript 和 Vue 结合时常见的类型问题？项目结构该怎么组织？这些东西平时你靠经验积累，现在被系统地整理成了规则。

pinia-best-practices：专门针对 Pinia 的 Store 设计、类型推导、常见错误写法。规则不多，但都是日常开发中最高频的雷区。

vueuse-best-practices：VueUse 的规范用法，Composables 该怎么写，怎么和 TypeScript 配合，避免滥用。

换个角度想，这就像是给 AI 装了个"避坑指南"。

你和 Claude 说"帮我优化这个 Pinia Store"，它就不再是凭感觉乱改，而是按照 vue-skills 里的规则来。

代码质量从"能跑"直接升级到"符合最佳实践"。

怎么用？

安装很直接，在项目里跑一行命令就行：

npx add-skill hyf0/vue-skills

这会把 vue-skills 按照 Agent Skills 规范安装到本地。之后，只要你用的 AI 工具支持 Skills（Claude Code、VS Code Agent、Cursor、Gemini CLI 这些都支持），它就能自动识别和使用这些规则。不需要你手动配置，不需要额外操作。

然后你就可以直接问 AI："帮我写个符合最佳实践的 Vue 3 组件"或"这个 Store 的写法对吗，帮我优化下"。AI 在回答时，就会自动参考 vue-skills 中的所有规则，生成的代码质量会有明显的跳跃。

为什么这个项目说重要，是真的重要

从表面看，vue-skills 就是一个 Vue 专用的技能包。但它背后代表的东西，其实更值得关注。

这个项目本质上打开了一扇门。未来可以有 react-skills、node-skills、vite-skills，甚至是你公司内部的私有 skills——把团队的编码规范、架构决策、项目约定都编码成 AI 能理解的规则。

说得更直白点：AI 写代码的质量，不再单纯取决于模型本身有多强，而取决于你给它「喂了什么技能」。这改变了整个游戏规则。

想象一个场景，假设你在一个大型前端团队里。现在每个新人来了，不用老员工手把手教，直接把公司的 skills 包装进 AI 工具，新人用 AI 写代码时，代码质量和规范程度就能自动和团队保持一致。这对开发效率的提升有多大？

从我半年来观察 Claude Code、Coze 2.0 这些工具的演进轨迹来看，Skills 已经不是选项，而是接下来 1~2 年 AI 开发模式的标配。那些先定义好自己 skills 的团队和技术栈，会比别人快一步享受到 AI 的红利。

如果你是 Vue 开发者，或者你正在思考怎么让团队的 AI 助手更"聪明"，vue-skills 这个项目值得现在就关注。

从某种程度上，它代表的是前端 + AI 协作的未来样子。

Github 地址：https://github.com/hyf0/vue-skills