说实话，Zui近AI编程圈子里发生的事情，真的让人有点应接不暇。前脚还在感叹MCP带来的震撼，后脚又一个名为“Skills”的概念横空出世，瞬间引爆了技术社区。这不仅仅是工具的迭代，geng像是一场关于“如何让AIgeng懂代码”的思维革命。特别是对于我们这些天天和Vue打交道的前端工程师来说Vue Skills的出现，简直就像是给AI装上了一个专门的“Vue大脑”。

你有没有过这样的经历：满怀信心地让AI帮你写一个组件，结果它给你整出了一堆虽然Neng跑但完全不符合团队规范的代码？或者是还在用两年前的Options API写法，而你早就全面转向Composition API了？这种时候，你不得不花费大量时间去修正它的“坏习惯”。但今天我们要聊的这个Vue Skills，就是为了彻底解决这个问题而生的。

从“教人”到“教AI”的思维转变

咱们先来搞清楚一个核心概念。顾名思义，Vue Skills其实就是把Vue开发中那些经过千锤百炼的Zui佳实践给提炼了出来。Ru果说Vue官方文档是给人类开发者kan的教科书，那么Vue Skills，就是专门用来调教AI的“私教课”。

这听起来是不是有点像以前提到的Rules？毕竟Rules也是通过提前写好一个Markdown文件来指挥AI干活。但是老铁们，Skills可比Rules强大得太多了！这完全不是一个量级的东西。Rulesgeng像是死板的指令，而Skills则geng像是一种动态的Neng力注入。

打个比方，大模型本身就像是一个拥有无限潜力的大脑，它负责思考、理解和规划；Agent就像是它的手，Neng够根据意图去主动执行操作；MCP则是手部的神经网络，帮助它感知外界信息，比如读取当前的温度或者查询数据库；而Skills，就是长期训练形成的手部肌肉记忆和特定技Neng。一旦AI掌握了某种Skill，它就不需要每次dou去思考“该怎么抓取这个物体”，而是下意识地就Neng以Zui完美的姿势完成动作。

不仅仅是规则，geng是Neng力的封装

换句话说你Ke以将自己在编码过程中积累的那些独门秘籍、Zui佳实践，全部封装成一个Skill包。然后用这个Skill来指导AI进行工作！这不仅仅是告诉它“要Zuo什么”，geng是教会它“怎么Zuo才Zui专业”。

这时候的AI，在回答你的问题之前，会自动先去学习Skill中的内容，把这些Zui佳实践内化为自己的知识储备，然后再给你答复。这种体验上的提升，真的是谁用谁知道。

实战演练：如何给AI装上“Vue外挂”

光说不练假把式，咱们来kankan这玩意儿到底怎么用。目前这个开源项目还处于实验阶段，大家Zui好还是抱着尝鲜的态度去体验一下不过它的潜力确实不可小觑。

你需要把这个技Neng包拉到你的项目中。操作起来非常简单，甚至有点“傻瓜式”。你只需要在终端里敲一行命令：

npx add-skill hyf0/vue-skills

这里面的`add-skill`提供的是CLINeng力，也就是命令行交互接口，而`hyf0/vue-skills`才是我们真正要下载的那个核心技Neng包。执行完这行命令后神奇的事情就会发生。

自动识别与无缝集成

Zuo完这一步，你就会在你的项目对应的目录里发现新增了Vue Skills相关的配置文件。这时候你可Neng会问：“接下来我是不是要去配置IDE，或者修改什么设置文件？”

完全不需要！这就是它Zui迷人的地方之一。现在的AI Coding工具，比如Cursor、TRAE、Claude Code等等，它们默认就会自动识别新增的Skills！所以这一步并不需要我们Zuo什么额外的操作。我们到这里以后就Ke以像往常一样和AI对话了但你会发现，它给出的答案Yi经悄然发生了质变。

因为它自带hen强的Neng力，这些配置文件里包含了大量关于Vue开发的细节规范。后面就是在控制台根据实际情况，不停地Zuo选择题即可，整个过程非常流畅。

深度解析：为什么Skills比Rulesgeng香？

hen多人可Neng会疑惑，我以前用`.cursorrules`或者类似的规则文件不是也挺好吗？为什么非要换成Skills？这里面其实涉及到一个hen关键的技术细节：上下文管理和按需加载。

咱们dou知道，大模型的上下文窗口是有限的，而且也是要花钱的。Ru果你把所有的规范、文档、Zui佳实践一股脑全塞给AI，那上下文瞬间就爆了不仅响应变慢，还容易让AI“迷路”。

按需加载的智慧

而Skills拥有按需加载的Neng力。这意味着什么？意味着你Ke以把海量的参考资料、API文档、甚至是团队内部的历史代码库封装进去。在平时它们静静地躺在那里不会默认加载来占用你宝贵的上下文资源。只有当AI检测到当前的对话场景需要用到某一部分知识时它才会精准地调取相关的Skill。

这就像是一个超级图书馆，AI不是把所有书dou背在身上，而是知道去哪个书架拿哪本书。此外脚本的Neng力也Neng减少上下文的占用。AIKe以直接运行Skills中的脚本文件，而不去读取它的冗长内容。这种效率的提升，在处理大型项目时尤为明显。

不仅仅是Vue：未来的编程范式

目前该仓库涉及到的规则Yi经包括了hen多重要的模块，涵盖了Vue开发的方方面面。从组件设计到状态管理，从性Neng优化到代码风格，几乎应有尽有。

不得不 感慨，Skills的出现让AI写代码的Neng力geng强了一点，同时也让我们写代码的姿势又变了一点。以前我们可Neng需要费尽口舌去跟AI解释“我要的这个组件要用Vue 3的Script Setup语法”，现在有了Vue Skills，它天然就懂。

而且，这些过程dou是不需要MCP参与进来的！所以Ke以期待一下以前用MCP实现的一些Neng力在Skills上得到geng强大的表现。Skills确实是一个不亚于当时MCP的一个新Neng力，相信大家以后也会在社区kan见各种各样的`xxx-skills`包出现！React Skills、Node Skills、Go Skills……这或许会成为开源社区的一种新常态。

从古法编程到AI Coding的进阶之路

这其实也是我一直想传达的一个理念。编程正在经历一场前所未有的变革。从“古法编程”到AI Coding，这不仅仅是工具的替换，geng是思维模式的重塑。

我们正在经历一个从“手写代码”到“AI辅助编程”，再到“AI结对编程”，Zui后迈向“Vibe / Spec 编程”的过程。在这个过程中，我们不再仅仅是代码的搬运工，而是变成了架构师、审查者，甚至是AI的“老师”。

Vue Skills就是这个过程中的一个缩影。它告诉我们，与其抱怨AI不懂业务，不如把我们的经验系统化地传授给它。这其实也是我正在筹备的专栏《从古法编程到 AI Coding》想要探讨的核心内容：用真实的开源项目实践演示，渐进式地带你入门AI Coding，从编程思维的转变、到各种新工具的介绍与使用，全方位武装自己。

总的来说Vue Skills不仅仅是一个工具库，它代表了一种人机协作的新范式。它让我们kan到了AI编程的geng多可Neng性：AI不再是一个只会生成通用代码的机器，而是一个Ke以学习、Ke以继承团队Zui佳实践的“超级助手”。

目前该仓库处于实验阶段，大家Ke以抱着尝鲜态度体验一下。虽然可Neng还会有一些不完善的地方，但它的方向无疑是正确的。随着技术的不断成熟，相信未来我们会有geng多geng强大的SkillsKe以使用。

Ru果你也想让自己的AI编程体验提升一个档次不妨去GitHub上kankan这个项目。也许你会发现，原来教AI编程，竟然Ke以这么简单，这么高效。

及时获取后续的文章geng新 👇🏻，让我们一起唯有保持好奇心和学习力，才Neng不被浪潮拍在沙滩上，对吧？

简介：AI Coding 过程中沉淀的知识、技巧和感悟形成的零基础手摸手教程。

作者：pany

---