企业官网建设流程全解析

• 文档
• 教程
• 知识库
• 人工智能

让 AI 快速学会新技能

在 Vibe Coding 工作流中，很多人都会遇到三个典型痛点：AI 生成的界面总是千篇一律的蓝紫渐变色；每次都要重复输入一大段相同的提示词；AI 在特定专业任务上表现不够专业。本篇文章将围绕 Agent Skills：通用 AI 技能库 这一文档展开，系统讲解 Anthropic 推出的 Agent Skills 技能系统——从安装使用、内部原理到自主创建技能包，读完你就能掌握"一次封装、随处复用、按需加载"的 AI 专业化方案，并学会在 Claude Code、Cursor 等主流 AI 编程工具中落地使用。

一、没有 Agent Skills 之前：重复提示词与上下文膨胀的痛点

在了解 Agent Skills 之前，先回顾一下过去人们是如何解决"让 AI 更专业"这个问题的。

假设你正在用 AI 开发网站，为了让 AI 生成的效果更好，你会在每次对话前告诉 AI：界面不要使用蓝紫渐变色、不要生成一大堆没用的文档、要遵循公司的代码规范……阿巴阿巴，洋洋洒洒几百字。

于是"聪明的你"开始想办法：

1. 保存提示词文件：把常用提示词保存到单独的文件（比如prompts.md），每次手动投喂给 AI；
2. 建立资源文件夹：把公司的代码规范、设计素材都塞进去，告诉 AI 参考这些来写；
3. 编写自动化脚本：让 AI 生成代码后自动执行格式化、运行测试、提交代码到 Git；
4. 编写项目说明：再写一个AGENTS.md文件，把所有规范和工作流程都写进去，让 AI 自动读取。

这套工作流看似"完美"，但很快暴露出致命问题：随着规范越写越多，文档越来越臃肿，每次对话都要占用大量 AI 上下文空间，白白浪费 tokens。所有规范被一股脑塞进上下文，既拖慢响应、又提高成本，真正用到的内容却只有一小部分。

正是在这个背景下，Agent Skills 登场了。

二、什么是 Agent Skills：AI 的"技能包"与开放标准

Agent Skills 是 Anthropic 推出的一套开放标准，目的是让 AI 能够学习并使用各种专业技能，而不必每次都重复输入提示词。

它定义了一种封装 AI 工作流的标准：开发者可以把复杂的任务指令、脚本和资源打包成一个技能（Skill）；作为用户，你只需要安装这些技能，AI 就能立刻学会这项本事，不用重复造轮子。

简单来说，它就是给 AI 装备的技能包，技能包里有精心设计的提示词、代码脚本以及各种资源文件。把 AI 想象成一个职场新人：给它装上"文档处理技能"，它就立刻知道怎么生成 PPT、处理 Excel 表格；装上"代码规范技能"，它就知道怎么按照公司标准写代码。

你可能会想：这不就是把教 AI 做事的文档和 AI 要用到的文件打包成文件夹吗？没错，本质上就是这个意思。但 Anthropic 把它做成了一个通用标准，而且在实现原理上引入了一些新机制（详见后文"渐进式披露"）。下面先来实战使用一下。

三、Agent Skills 入门实战：以 Claude Code 为例

目前对 Agent Skills 支持最完善的工具是 Anthropic 官方的 Claude Code，下面以它为例，安装并使用 Skills。

1. 安装官方技能市场与技能包

首先打开 Claude Code，输入命令添加官方技能市场：

/plugin marketplace add anthropics/skills

这就像在你的 AI 助手里开通了一个"技能商店"，接下来就可以从商店中获取技能了。

然后在 Claude Code 中输入命令，安装官方提供的示例技能包：

/plugin install example-skills@anthropic-agent-skills

这个example-skills包含一堆官方示例技能，包括前端设计、网页测试、动图制作等等。装完之后，就可以直接让 AI 使用这些技能了。

还有一种更直接的安装方式，在 Claude Code 中输入一行命令即可安装指定的技能，例如安装frontend-design：

skill install anthropic-agent-skills:frontend-design

安装完成后，输入/skills命令就能查看所有已安装的技能。技能安装到本地后，其本质就是一组封装好的提示词文档 + 脚本文件（仓库中的《优质 AI 编程扩展推荐》对此有更详细的批量安装演示）。

2. 前端设计技能实战

比如你要做一个网站，以前没装技能时，AI 生成的代码总是那个熟悉的蓝紫渐变色、千篇一律的 AI 审美。现在安装了frontend-design这个教 AI 生成专业设计感网站的技能后，你输入"帮我开发个人作品集网站"，AI 会主动询问：我发现你安装了前端设计技能，需要用它来生成更具设计感的页面吗？

确认之后，AI 会利用技能生成代码，告别蓝紫渐变，生成具有独特风格的精美页面。整个过程不需要每次给 AI 输入一大堆相同的提示词——装一次技能就够了，AI 会根据任务自动识别并调用。

3. 文档处理技能实战

除了代码相关的技能，官方还提供了文档处理技能包，在 Claude Code 中输入一行命令安装：

/plugin install document-skills@anthropic-agent-skills

这个技能包包含 PPT 制作、Word 文档生成、Excel 数据分析、PDF 解析等技能。之后如果你让 AI 做个 PPT，它会自动调用 PPT 制作技能，直接生成排版好的 PPT 文件，帮你节省几个小时。

四、揭秘 Agent Skills 内部原理

你可能会好奇：为什么 Skills 能做到安装即用？技能包里到底有什么？AI 又是怎么知道该用哪个技能的？

技能包目录结构

一个技能本质上就是一个包含SKILL.md技能说明文件的文件夹，还可以包含可执行脚本、资源和参考文档，通用结构如下：

my-skill/ ├── SKILL.md # 必需：指令和元数据 ├── scripts/ # 可选：可执行脚本 ├── references/ # 可选：参考文档 └── assets/ # 可选：模板和资源

由于每个技能的复杂度不同，结构也会存在区别，可以在本地目录中找到已安装的技能文件夹来验证。以官方的 PPT 制作技能为例，它的结构是：

skills/pptx/ ├── SKILL.md # 技能说明书（必需） ├── ooxml/ # OOXML 相关资源 ├── scripts/ # 处理脚本 ├── html2pptx.md # HTML 转 PPT 说明 ├── ooxml.md # OOXML 格式说明 └── LICENSE.txt # 许可证

包含一个核心的技能说明文档SKILL.md，还有脚本、参考文档和各种资源文件。而frontend-design前端设计技能只有一个SKILL.md文件，说明技能结构完全取决于复杂度。

这一点在仓库的"蒸馏自己成 Skill"项目中得到了印证：将个人知识蒸馏成技能包时，references/文件夹用来存放素材（文章、截图、聊天记录导出等），而SKILL.md则是最终定义 AI 行为模式的核心文件。详见 AI 创意应用 - 蒸馏自己成 Skill 项目。

SKILL.md 文件结构

SKILL.md文件是每个技能的核心，包含两个关键部分。

第一部分是元数据，用 YAML 格式写在文件开头：

--- name: frontend-design description: 生成具有专业设计感的前端代码，避免千篇一律的 AI 审美 ---

其中name是技能的名字；description是技能的描述，告诉 AI 什么时候应该使用这个技能。描述写得越清晰，AI 就越容易在合适的时机调用它。

第二部分是指令内容，即一套经过精心设计的提示词，指导 AI 具体怎么做。以frontend-design技能为例，它的指令内容包括：

• 设计思考：在写代码前，先分析产品目的、用户群体、技术约束，然后选择一个大胆的美学方向（极简、复古未来、工业风、有机自然、奢华精致等）；
• 前端美学指南：包括字体选择（避免 Arial、Inter 等烂大街字体，选择有个性的组合）、配色主题（主色调配鲜明点缀色）、动效设计、空间构成、背景和视觉细节；
• 避坑指南：明确禁止紫色渐变、系统字体、千篇一律的布局等 AI 审美陷阱。

这套"元数据 + 指令"的结构正是 Agent Skills 能"安装即用"的根基：元数据决定 AI 何时识别技能，指令决定 AI 如何执行任务。

渐进式披露机制

如果有多个 Skills，AI 怎么知道该用哪个技能？如果把每个技能的说明文档都塞给 AI，不是很占用上下文吗？

这就要说到**渐进式披露（Progressive Disclosure）**这一核心机制：

1. 扫描元数据：当你让 AI 执行任务时，它先扫描技能目录，但不会把所有内容都加载到上下文中，而是只读取每个技能的元数据（名字和描述），发现描述与任务相关，就知道该用哪个技能；
2. 加载完整文档：然后才把完整的技能说明文档读进来，按照里面的指令执行；
3. 按需加载资源：并根据需要加载技能包中的其他脚本和资源文件。

用到哪个查哪个，既精准匹配又节省上下文——这就是渐进式披露的精髓。所以 Agent Skills 的本质就是：把专业知识打包成一个文件夹，让 AI 按需读取并使用。

五、跨工具使用 Agent Skills：Cursor 实战

除了 Claude Code，其他 AI 工具也支持 Agent Skills。Agent Skills 已经成为通用标准，Cursor、VS Code、Codex 等工具都支持。仓库中的《主流 AI 应用开发模式》也提到，在 AI 编程工具里配置好的 Skills 能力，通过工具 SDK 调用时同样能生效，可见其生态地位。

以社区热门的UI UX Pro MAX技能（专门用于提升 AI 的设计能力）为例，在 Cursor 中使用 Skills 的流程如下：

首先按照开源仓库文档的指引，安装官方提供的命令行工具：

npm install -g uipro-cli

然后进入你的项目目录，根据使用的 AI 工具执行对应命令，比如使用 Cursor 时：

uipro init --ai cursor

它会自动把技能安装到 Cursor 的配置目录里，安装完成后就能在配置目录中看到技能的文件结构。

接下来，当你让 AI 开发一个网站时，可以使用斜杠命令手动触发技能，或者让 AI 自动识别技能。整个工作流是这样的：

1. 识别需求：AI 根据你的需求识别出产品类型和需要的页面类型；
2. 搜索素材：调用search.py搜索脚本，在 data 目录里进行多维度搜索，找到适合的配色、字体、布局风格；
3. 生成方案：综合搜索结果，生成完整的设计方案（主色调、字体组合、间距规范等）；
4. 生成代码：最后按照设计方案生成代码。

这样一来，生成的界面既专业又有设计感。AI 不需要把所有规则都背下来，而是用到哪个查哪个——这就是 Agent Skills 的精髓。

六、技能资源与社区

目前 Anthropic 官方技能仓库已经提供了丰富的技能集合，涵盖编程相关的前端设计、网页测试，以及办公相关的 PPT 制作、Excel 处理、Word 文档、PDF 生成等各个方面。

Skills 的社区也非常活跃，可以找到很多现成的技能，仓库中的《优质 AI 编程扩展推荐》整理了大量资源：

• 安装管理工具：如 Vercel 官方的skillsCLI，一行命令（npx skills add <owner/repo>）就能安装任何 Skills；find-skills发现工具支持交互式搜索和关键词搜索；Skill Seeker能自动抓取文档网站、GitHub 仓库、PDF 文件直接转换成 Agent Skills；
• 资源平台：包括 skills.sh 排行榜、按分类整理的中文 Skills 导航、自动抓取 GitHub 上所有 Skills 项目的聚合站点等；
• 开源合集：包括 Anthropic 官方 Skills 仓库、awesome-claude-skills 精选列表、OpenAI 官方的 Codex Skills 目录、Expo 的 React Native 开发 Skills、Obsidian 的笔记管理 Skills、Stripe 的支付最佳实践 Skills、安全研究方向的 Skills 等。

从这份清单可以看出，Agent Skills 生态已经覆盖了前端、移动端、文档、支付、安全、内容创作等几乎每一个方向。

七、创建自己的 Agent Skills

用了很多别人的技能后，你可能会想：能不能把公司的周报格式封装成一个技能？当然可以！创建自己的 Agent Skills 其实很简单，有两种方法。

方法一：手动创建

可以发挥程序员最擅长的事情——复制粘贴：

1. 复制修改：复制一个官方的技能包，修改目录名称为自己的；
2. 改写 SKILL.md：修改技能说明文档SKILL.md的元数据和指令内容这些关键部分。

示例SKILL.md文件：

--- name: company-weekly-report description: 生成符合公司规范的项目周报，包含进度汇总、问题跟踪和下周计划 --- # 公司周报生成技能 当用户要求生成周报时，请按以下步骤执行： ## 1. 收集信息 - 询问本周完成的主要工作 - 询问遇到的问题和解决方案 - 询问下周计划 ## 2. 格式规范 - 使用公司蓝色主题 - 标题使用微软雅黑加粗 - 每个模块不超过 5 个要点 ## 3. 输出格式 - 默认输出 Markdown - 如需 PPT，调用 pptx 技能

3. 补充资源：把公司的 Logo、PPT 模板、报告样例放在子文件夹里（如assets/、references/）就行了。

方法二：使用 Skill Creator

其实有更简单规范的方法。在前面安装的example-skills官方示例技能包里，有一个Skill Creator技能，专门用来帮你创建新技能。

你只需要跟 AI 说"帮我创建一个专门生成公司周报的技能"，接下来 AI 会问你几个问题，一步一步回答就好：

• 你希望周报包含哪些主要部分？
• 你希望周报以什么格式输出？
• 你通常会如何使用这个周报技能？
• 希望周报的语言风格是什么？

很快，一个完整的技能包就生成了，你会看到一个以.skill为后缀的文件，本质上是一个 zip 压缩包。

值得一提的是，仓库中的"蒸馏自己成 Skill"项目展示了一个更进阶的玩法：通过收集个人素材、生成画像、AI 追问、补充能力等步骤，把一个人的知识、经验和思维模式蒸馏成技能包，并使用skill-creator自动生成符合规范的 Skill 结构。这个案例证明了 Agent Skills 可以用于沉淀和传承个人知识，把专家经验转化为可复用的 AI 技能包。

技能的安装位置

创建好技能后，有三种安装使用方式：

1. 个人全局使用：解压到个人技能目录（~/.claude/skills/）下，你的所有项目都能用；
2. 项目内使用：放到项目的.claude/skills/目录下，并且利用 Git 同步给项目组其他成员；
3. 分享给社区：把它开源到代码托管平台，或者上传到社区技能市场，让所有用户都能用。

八、Skills 与 MCP、斜杠命令的区别

你可能会好奇：Agent Skills 和 MCP、斜杠命令有什么区别？

MCP 就像给 AI 装上了"手和眼睛"，让 AI 能够连接外部工具和数据源，比如搜索网页、读取代码仓库、查询数据库，适合需要获取数据或操作外部系统的场景。正如仓库《Vibe Coding 概念大全》所介绍的，MCP（Model Context Protocol）是 Anthropic 推出的开放标准，用于让 AI 模型安全地连接外部数据源和工具，被比作 AI 世界的"USB 接口"。

而 Agent Skills 更像是给 AI 发了一本"工作手册"，把专业知识和工作流程打包起来，教 AI 在特定领域该怎么做。

至于斜杠命令，它就像是快捷键，是需要你手动输入/command命令来触发的固定操作；而 Skills 的特点是 AI 可以自动识别该用什么技能，不需要你显式调用。

其实 MCP 和 Skills 是可以结合起来的。举个例子，如果你想让 AI 帮你发周报：

• MCP 负责获取数据：从任务管理数据库拉取这周的任务列表；
• Skills 负责加工数据：把获取到的原始数据整理成老板爱看的格式。

一个提供食材，一个提供配方，各司其职、协同工作。

九、Agent Skills 为什么能火：四大优势

你可能会想：这不就是我们程序员玩烂的"封装、复用、模块化、懒加载"那一套吗？写几个代码文件、打个包、发到网上，让其他程序员下载下来用，不是一回事儿么？为什么 Agent Skills 能突然让整个 AI 圈为之疯狂？

从技术的角度来看，它并没有发明什么惊天动地的算法，能火主要有两个原因：

第一，它是开放标准。封装一次技能包后就能在各种 AI 工具里复用，还能通过社区共享。这意味着你在 Claude Code 中安装的技能，以后在 Cursor 等其他工具中也能用。

第二，它立刻让 AI 的工作更专业可靠，让普通人"无感"地享受技术带来的价值。以前想让 AI 变聪明，你得学提示词工程、配置各种工具链；现在只需要像装 APP 一样安装技能包，AI 就立刻变专业了。一项技术的成功，不在于它有多复杂，而在于它能让普通用户在不关注技术细节的情况下感受到技术的价值——降低门槛，才是技术走向大众的钥匙。

总结下来，Agent Skills 最大的优势是：

1. 可复用性：安装一次技能，以后就能直接使用，不用重复输入提示词；
2. 跨工具通用：你在 Claude Code 中安装的技能，以后在 Cursor 等其他工具中也能用；
3. 社区驱动：任何人都可以创建和分享技能，整个社区的智慧都能为你所用；
4. 降低门槛：像装 APP 一样简单，让普通用户也能让 AI 变得更专业。

写在最后

Agent Skills 让 AI 能够快速学会新技能，不用每次都重复输入提示词。它的本质是把专业知识和工作流程封装成可复用的技能包，通过渐进式披露机制让 AI 按需加载，既提升了 AI 的专业性，又节省了上下文空间。

Agent Skills 不仅仅是个技术概念，更是一种新的工作方式。你可以把它融入到自己的日常工作中，比如把重复的任务封装成技能、把团队的最佳实践固化成技能，让 AI 真正成为你的得力助手。仓库中的多个实战案例（如"蒸馏自己成 Skill"项目、OpenClaw 数字员工部署）都展示了这一模式的落地价值。

当然，也需要注意安全边界：正如 OpenClaw 教程中提醒的，Skills 是人为制作的技能包，建议非必要不安装、非官方不安装，避免引入安全隐患。

建议你从这几步开始：

1. 先安装几个官方技能，体验一下 Agent Skills 的便利性；
2. 尝试在 Cursor 等其他工具中使用社区技能；
3. 把工作中重复的任务封装成自己的技能；
4. 分享你的技能到社区，帮助更多人。

在 Vibe Coding 时代，技术的门槛正在崩塌，而想象力的边界正在无限扩张。想获取更多优质 Skills 资源，可以阅读仓库中的《优质 AI 编程扩展推荐》，其中有 Skills 安装管理工具、资源平台和必装推荐的完整汇总。

• 文档
• 教程
• 知识库
• 人工智能