Vue全家桶进阶实战：核心技能与最佳实践剖析

Vue、Nuxt、Pinia、Vite、Vitest以及UnoCSS等项目的最新官方文档，均以特定结构重新组织成AI可以直接理解和运用的智能模块。这里有一个关键之处：它所采用的并非经过人工二次加工的“总结版文档”，而是基于最新的原始文档内容进行结构化处理。

昨天，Vue核心团队成员Anthony Fu在GitHub上发布了一个名为“antfu/skills”的新项目。

这并非面向人类阅读的使用说明书，而是一套专门为AI Agent设计的Vue生态能力合集。它尝试将常用的工具链和使用方式拆解、梳理好，以便AI在编写代码时能够直接拿来应用。

Skills 是什么？

简单来说，Skills就是一套专供AI使用的“能力包”。

如果你平时让AI帮你写Vue或Nuxt相关的代码，大概都遇到过下面这些情况：

• 面对同一个问题，不同AI给出的答案差异巨大

• 明明API已经更新了，AI生成的代码却还是老写法

• 每次都需要手动粘贴一大堆文档给它作为上下文

• 生成的代码虽然能跑，但总感觉不是社区里真正会用的方式

问题并不在于AI不会写代码，而是它缺少对整个Vue生态的长期背景知识理解。

这个Skills项目所要做的，正是要补上这部分“背景知识”。

它具体做了什么？

这个仓库大概做了三件很务实的事情。

把最新文档，变成AI能直接用的能力

Vue、Nuxt、Pinia、Vite、Vitest、UnoCSS等项目的最新文档，都被按照特定结构整理成AI能够理解和调用的技能。

这里有个很重要的点：它用的不是二次整理的“总结版文档”，而是基于最新原文进行结构化处理。

也就是说，AI参考的依然是最新内容，只是换了一种更适合它使用的形式，而不是“听别人转述”。

顺带带上 antfu 自己常用的工程写法

除了文档本身，skills里还能看到不少antfu在自己项目里长期使用的配置和写法。

这些内容并没有被包装成一套规范，而是作为背景一起整理进了skills里，让AI在生成代码时更接近真实项目里的用法。

最终给 AI Agent 直接加载使用

这些整理出来的内容，本身并不是给人阅读的，而是作为能力直接交给AI Agent。

通过skills CLI，可以把这些能力装进Agent里，让它在生成Vue项目代码时，对项目结构、工具选择和写法都有一个更接近社区现状的参考。

写在最后

这个skills的核心目的很简单：把Vue社区这些年沉淀下来的知识，更直接地交给AI使用。

Github：https://github.com/antfu/skills

在这个基础上，AI写出来的Vue代码会少一些“踩坑式”尝试，多一些贴近社区共识的写法，工程风格也更统一。

至少在Vue这一块，AI的使用姿势开始变得更靠谱了。