Skip to content

引入 Agent Skills

本节目标

了解什么是 Agent Skills,并体验它如何提升 AI 生成代码的质量。

什么是 Agent Skills

MCP 让 AI 有了"手脚"(操作外部工具的能力),Agent Skills 则让 AI 有了"专业知识"。

平时跟 AI 对话时,AI 用的是它的通用知识。但当你安装了一个 Skill 后,AI 就获得了某个领域的专业指导——比如"怎样写出更高质量的前端代码"或"怎样按照某个框架的最佳实践来开发"。

打个比方:AI 默认是一个"什么都会一点"的通才。给它装上 Skill,就像给通才提供了一本专业手册——它做事的方式会更规范、更专业。

安装一个 Skill

我们来安装一个前端开发相关的 Skill。在 Cursor 的终端中运行:

帮我搜索一下有什么适合前端开发的 Agent Skills 可以安装

搜索可用的 Agent Skills

AI 会帮你搜索并推荐合适的 Skill。选择一个安装后,AI 在帮你写代码时就会参考这个 Skill 的指导。

体验 Skill 的效果

安装 Skill 前后的区别可能体现在:

没有 Skill 时,AI 生成的代码能用,但可能不够规范。比如变量命名随意、文件结构不清晰、缺少错误处理。

有了 Skill 后,AI 会按照专业的规范来生成代码。比如更好的文件组织、更清晰的变量命名、更完善的错误处理。

你可以做一个对比实验:

帮我重构一下贪吃蛇的代码结构,把逻辑拆分得更清晰一些

看看 AI 在有 Skill 和没有 Skill 时,输出的结果有什么不同。

自定义 Skill

除了安装别人写好的 Skill,你还可以创建自己的 Skill。比如你可以定义一个规则:

帮我创建一个 Agent Skill,规定以下代码风格:

  • 所有颜色值使用 CSS 变量
  • 函数名使用英文,注释使用中文
  • 每个功能模块放在单独的文件中

这样以后 AI 在这个项目中生成的代码,都会遵循你定义的规范。

自定义 Skill 的配置文件

Skill 的价值

对于零基础学员,Skill 的价值在于:

  • 你不需要知道什么是"好代码"——Skill 帮你定义了标准
  • AI 自动按标准执行——你只需要描述需求
  • 代码质量更接近专业水平——这就是"商用级品质"的基础

常见问题

Skill 安装后好像没有效果

告诉 AI:

我安装了 [Skill 名称],但感觉 AI 生成的代码和之前没有区别。能不能确认一下 Skill 是否生效了?

想看看有哪些 Skill 可以用

在终端中运行:

帮我搜索一下有哪些流行的 Agent Skills,列出最受欢迎的几个

Skill 之间会不会冲突

一般不会。如果你安装了多个 Skill 并且发现 AI 的行为异常,可以先禁用一些 Skill 来排查。

下一步

你已经学会了 Vibe Coding 的三大核心能力:

  1. 基础对话(番茄时钟)
  2. MCP(外部工具连接)
  3. Agent Skills(专业知识增强)

下一节我们来给贪吃蛇做最后的视觉打磨,让它看起来像一个真正的游戏产品。