主题
引入 Agent Skills
本节目标
了解什么是 Agent Skills,并体验它如何提升 AI 生成代码的质量。
什么是 Agent Skills
MCP 让 AI 有了"手脚"(操作外部工具的能力),Agent Skills 则让 AI 有了"专业知识"。
平时跟 AI 对话时,AI 用的是它的通用知识。但当你安装了一个 Skill 后,AI 就获得了某个领域的专业指导——比如"怎样写出更高质量的前端代码"或"怎样按照某个框架的最佳实践来开发"。
打个比方:AI 默认是一个"什么都会一点"的通才。给它装上 Skill,就像给通才提供了一本专业手册——它做事的方式会更规范、更专业。
安装一个 Skill
我们来安装一个前端开发相关的 Skill。在 Cursor 的终端中运行:
帮我搜索一下有什么适合前端开发的 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 帮你定义了标准
- AI 自动按标准执行——你只需要描述需求
- 代码质量更接近专业水平——这就是"商用级品质"的基础
常见问题
Skill 安装后好像没有效果
告诉 AI:
我安装了 [Skill 名称],但感觉 AI 生成的代码和之前没有区别。能不能确认一下 Skill 是否生效了?
想看看有哪些 Skill 可以用
在终端中运行:
帮我搜索一下有哪些流行的 Agent Skills,列出最受欢迎的几个
Skill 之间会不会冲突
一般不会。如果你安装了多个 Skill 并且发现 AI 的行为异常,可以先禁用一些 Skill 来排查。
下一步
你已经学会了 Vibe Coding 的三大核心能力:
- 基础对话(番茄时钟)
- MCP(外部工具连接)
- Agent Skills(专业知识增强)
下一节我们来给贪吃蛇做最后的视觉打磨,让它看起来像一个真正的游戏产品。