零基础玩转 GitHub Copilot:Agent Skills 进阶保姆级教程

Agnet Skills 进阶版

平时我们用 AI 写代码,最烦的就是它“不听劝”或者“记性差”——每次都要重新告诉它“我的代码要长这样”、“这里要用那个规范”。

Agent Skills(智能体技能) 就是用来彻底解决这个问题的。它能让 AI 变成你肚子里的蛔虫。


一、 核心概念:什么是 Agent Skills?

别被英文名字唬住了。简单来说:它就是一个专门用来存放“规矩”的文件夹。

普通的 AI 像个没经验的实习生,什么都要你教。而 Agent Skills 相当于你给实习生发了一本**“员工手册”**。 只要你把这本手册放在项目的指定位置,AI 平时不会烦你(不占内存);但只要你提到了相关工作,它就会瞬间翻开手册,变成那个最懂你项目的老员工。


二、 基本用法:3步建好你的“技能包”

我们先来建一个最基础的技能,让 AI 知道从哪里读取你的规矩。

  1. 建文件夹:在你的项目最外层,新建一个文件夹叫 .github,然后在里面再建一个叫 skills 的文件夹。

  2. 起个技能名:在 skills 里面,为你现在的任务建个文件夹。比如我们要做前端网页开发,就建一个文件夹叫 web-expert

  3. 写说明书:在 web-expert 里新建一个文件,名字必须且只能叫 SKILL.md

把下面这段话复制进 SKILL.md 里保存:

---name: web-expertdescription: 专门用来写前端页面的专家。当用户让你写 HTML 或页面时,就会触发这个技能。---# 你的规矩1. 所有的按钮必须加上 class="btn-primary"。2. 不要废话,直接给我代码。

(小白实操:现在你在 VS Code 聊天框里让它“写个登录页按钮”,它就会乖乖加上 btn-primary,因为你的 description 触发了它。)


三、 高级用法:怎么给 AI 塞参考书和工具?(核心实操)

到了你最困惑的地方了。基础用法只能用文字定规矩,但很多时候文字是描述不清楚代码长什么样的。 高级用法(Reference 和 Script)就是让你直接把真实的文件塞给 AI 抄。

1. Reference(挂载参考书):让 AI “照猫画虎”

痛点:你想让 AI 写一个新页面,结构必须和你之前写的老页面一模一样。你不想每次都把老页面的代码复制给它看。

跟着我做:

  1. 放参考文件:在你刚才建的 web-expert 文件夹里,新建一个文件叫 my-template.html。在里面随便写几行你最满意的标准 HTML 代码结构保存。

  2. 改说明书:打开你的 SKILL.md,加上下面这句神奇的话:

每次生成新页面时,请不要自己瞎编结构,必须去抄这个文件里的格式:[标准模板](./my-template.html)

  1. 见证奇迹:现在你在聊天框对 Copilot 说:“帮我写个注册页面”。结果:AI 会自己顺着那个路径,偷偷打开 my-template.html 仔细阅读,然后吐出跟你的模板完美契合的代码!你全程不需要多打一个字。

2. Script(脚本工具):给 AI 配备“干活工具”

痛点:代码写完了,你通常需要敲命令行来测试或者格式化代码。你希望 AI 能直接告诉你怎么弄,甚至提供现成的测试脚本。

跟着我做:

  1. 放脚本文件:在 web-expert 文件夹里,放一个你平时用的测试文件或工具文件,比如叫 test-demo.js

  2. 改说明书:在 SKILL.md 里告诉 AI 这个工具是干嘛的:

如果你帮用户写完了 JS 逻辑,请参考 [测试脚本](./test-demo.js) 里的方法,顺便帮用户写好测试代码。测试完成后,请提醒用户在终端运行 node ./test-demo.js

  1. 见证奇迹:AI 在帮你写完代码后,不仅逻辑严密,还会像个贴心小助手一样附上测试代码,并教你下一步去终端敲什么命令。这就叫打通了干活的“全流程”。


四、 深度辨析:Agent Skills 和最近很火的 MCP 有啥区别?

如果你在网上查资料,肯定会看到另一个词叫 MCP,小白很容易把这两个搞混。请记住这个最通俗的对比表:

区别Agent Skills(智能体技能)MCP(模型上下文协议)
它是干嘛的?解决“内部规矩”问题。 比如代码格式、团队模板。解决“外部情报”问题。 比如让 AI 去读公司的数据库、查网页。
放在哪?就在你当前的代码文件夹里(.github/skills)。是一个需要额外安装的外部程序(服务端)。
举个栗子让 AI 照着你写好的 template.html 写代码。让 AI 连接到 GitHub 帮你查谁昨天提交了报错的代码。
小白上手难度极低。建两个文件夹,写几句 Markdown 就能爽。偏高。需要懂点命令行和环境配置。

一句话总结:高级玩法根本不复杂,说白了就是把你需要 AI 参考的文件(HTML、JS 等)和 SKILL.md 放在同一个文件夹里,然后在 SKILL.md 里用 [名字](./文件名) 艾特它一下。

你可以现在就打开 VS Code,随便建一个你最常用的 HTML 模板文件放进去试试看。遇到哪一步卡住了,随时告诉我!