Skills

一、什么是Skills

首先了解下什么是 Skills? Skills翻译成中文就是"技能",你可以理解为你执行某件事的方法论。

举个生活的例子:我会打网球,当球飞过来,我拿起球拍跑位,在合适的时机、用合适的力度击球,让球准确落在对方场地不出界,这一整套操作逻辑,就叫打网球"技能"。

在 AI 界,Skills 就是让大模型按照特定的方法论去行动的机制,你可以理解为"超级进化版的提示词",通常由三部分组成:

1、元数据 (Metadata): 包含对这个技能的简短描述。它保存在全局上下文中,因为体积小,所以非常节省 Tokens(省钱又省心)。

2、行动指南 (Action Guide): 这部分才是真正的提示词,规定了 AI 每一步该怎么做。

3、资源文件 (Resources): 这是最厉害的地方!它可能包含 Python 代码 或其他执行程序,保证程序在调用 Skill 时能完成复杂的动作。

Skills 最核心的机制是通过渐进式披露 (Progressive Disclosure),通过分层加载信息,确保 AI 总能获取所需知识,同时最大化利用上下文的效率。

围绕 Skills,它们在做的就是为了完成一件事情:技能是通过学习和反复练习获得的,而 Skills 是把经验和最佳实践沉淀为 AI 能力,将"知道"转化为"做到"的本领。

详解什么是 Skills

要说清楚什么是 Skills,先来了解一下关于 AI 的 2 个核心概念-- AgentMCP

关于 Agent

让 Agent 开发一个在线商城平台,要完成购物功能,它只需要考虑用户输入的"我要购买一个商品"指令,并最终完成购买商品这个目标,它并不关心项目是否前后端分离,前端用 vue 还是 react 来实现,后端用 java 还是 php,选什么数据库,也就是说,Agent 不在乎细节。

Agent 是面向目标的。

关于 MCP

们在开发项目的过程中,一个项目不可能所有的功能都自己实现,往往需要一些第三方的服务,比如短信通知,微信、支付宝支付。而使用这些服务的方式就是通过调用第三方平台的 API,每个平台的都有自己的 API 规则。

而 MCP 就是 AI 的 API,Agent 通过 MCP 来实现调用第三方服务,和第三方服务进行通信。

回到 Skills

讲清楚了 Agent 和 MCP 的概念后,我们知道,AI 在使用 MCP 或者完成一些目标任务时,会产生很多的重复性的工作,我们可以把这些重复性的工作整合成一个工具包,只需要让 AI 调用这个工具包就行,而这个工具包就是 Skills

这个工具包,可以是前端的组件开发,文件下载,后端 SQL 查询,接口文档生成。所有人都可以使用这些工具包来完成自己工作。

简单来说,Skills 通过固定的规则和标准化的能力,来保证结果的稳定和一致

二、Skills使用场景&链路

什么时候用Skills?

判断标准:任务是"如何做"还是"做什么"?

Skills 当你有固定的工作流程 ,需要AI按步骤执行时示例:"按什么格式写技术教程"、"代码审查的5个步骤"MCP 当你需要AI访问外部数据或服务时示例:"查询GitHub的Issue"、"读取SQLite数据库"

什么时候用MCP?

判断标准:是否需要结构化输入输出?

MCP擅长:工具化操作 输入:JSON结构化参数({"value": 10})输出:结构化结果({"total": 15})优势:可组合、可测试、可缓存Skills擅长:文本化流程输入:自然语言描述输出:自然语言结果优势:灵活、易读、易维护

你可能会觉得很混乱,那么多专业名词概念,到底怎么才能玩好,别急,你试着把这些串起来,就是AI 工作的完整逻辑。

Prompt(指令) :你用自然语言精准告诉 AI"要做什么、要什么结果"------这是启动信号,核心是让模型听懂需求;Skills(技能包) :AI 根据指令,从"专业能力库"里挑选封装好的流程和知识(比如竞品分析框架、代码编写规范);Projects(工作区) :AI 在专属的持久化空间里推进任务,背景资料、中间成果全程可用,无需重复沟通;MCP(协议) :AI 通过标准化接口,安全接入企业数据库、云盘等外部资源,落地执行真实业务操作(比如查询销售数据、调用业务接口)。

一句话终极总结:

Prompt 是"让模型听懂的指令",Skills 是"模型做事的专业流程",Projects 是"模型工作的专属空间",MCP 是"模型连接真实世界的桥梁"。

下面从我们前端的角度出发,来看看 Skills:

开发一个增删改查的功能,你要创建 API 文件,状态管理、路由生成,增删改查的页面开发。想要按照项目或者公司的前端开发规范来完成这些任务,用 AI 来实现的话,仅凭一句提示词:帮我写一个文件管理功能,它可以做出来,但最终结果不是你想要的。

现在你可以使用 增删改查 Skill 来完成这项任务,完全按照你设定的规范来执行,设置帮你把接口联调好,再多的增删改查都能一个 Skill 搞定。

这就是 Skill 的便利性,让你从重复劳动中解放。

Skills 的应用场景

Skills 是经验、规则、最佳实践的积累,它把你"封装组件""封装函数"的能力都学会了。

在使用 Skills 时,我们要明确 2 个问题:

这件事情是否是重复的? 这件事情是否能够标准化?

当你得到肯定答案的时候,就可以考虑使用 Skills 来简化工作。

Skills 最适合的应用场景:

频繁重复性工作:比如增删改查。标准化的输出:基于UI规范,输出标准化的组件或功能页面。知识沉淀:项目或者公司的开发规范,前端的样式规范,色彩和字体的使用规范等。

三、怎么使用Skills

1、cursor使用Skills只需4步

4步就能使用上,非常简单。

第一步、安装OpenSkills

(OpenSkills 是一个开源的 AI 编程助手通用技能加载器 CLI 工具 ,核心目标是打破不同 AI 编程代理之间的技能壁垒,让一套技能能在多个工具中复用)

npm install -g openskills@1.2.1

第二步、安装官方Skills,需能访问github

openskills install anthropics/skills

技能名称 用途描述
algorithmic-art 使用 p5.js 创建算法艺术、生成艺术、粒子系统
brand-guidelines 应用 Anthropic 官方品牌颜色和排版
canvas-design 创建 PNG/PDF 视觉设计、海报、艺术品
claude-api 构建、调试和优化 Claude API / Anthropic SDK 应用
doc-coauthoring 协作文档编写流程(文档、提案、技术规范等)
docx 创建、读取、编辑 Word 文档 (.docx)
frontend-design 创建高质量前端界面、网页组件、React 组件
internal-comms 撰写内部沟通文档(状态报告、领导层更新、FAQ 等)
mcp-builder 创建 MCP (Model Context Protocol) 服务器
pdf 处理 PDF 文件(提取、合并、拆分、加密、OCR 等)
pptx 处理 PowerPoint 演示文稿 (.pptx)
skill-creator 创建新技能、修改和优化现有技能
slack-gif-creator 创建适合 Slack 的动画 GIF
template 技能模板(占位符)
theme-factory 为各种文档应用主题样式(10 个预设主题)
web-artifacts-builder 使用 React、Tailwind CSS、shadcn/ui 创建复杂 HTML 组件
webapp-testing 使用 Playwright 测试本地 Web 应用
xlsx 处理 Excel 电子表格 (.xlsx, .csv 等)

第三步、创建AGENTS.md ,执行同步命令

openskills sync

第四步、cursor上使用案例

使用xlsx skills生成20条登录注册用例

2、AGENTS.md 是 Agent 发现技能的标准入口文件

openskills 是一个通用技能加载器 ,它的设计目标是将 Anthropic 的 Skills 系统带到所有 AI 编程 Agent(Claude Code、Cursor、Windsurf、Aider、Codex 等)中使用

技能实际存储在 .claude/skills/.agent/skills/ 目录中Agent 不会直接扫描这些目录,而是通过 AGENTS.md 这个单一入口获取信息

3、如果不创建 AGENTS.md 会怎样?

Agent 无法知道 你安装了哪些技能即使安装了技能,Agent 也不会调用 它们你只能通过手动执行 openskills read <skill-name> 来使用技能,失去了自动触发的能力

四、怎么创建Skills

再聊下,如何制作自己的 Skills ,每个人在某个领域可能都有自己的一套做事方法论,制作属于自己的Skills至关重要。

非常推荐大家先安装 Anthropic 官方的一个 skill:skill-creator,他就是专门用来创建 skill 的 skill。

按照同样的方法先安装这个 skill:

js 复制代码
复制代码帮我直接安装这个skill,地址:https://github.com/anthropics/skills/blob/main/skills/skill-creator,克隆这个 skill 到我的已存在的技能目录~/.claude/skills

下面就演示下如何在 Cursor 里面快速的创建 skill

创建一个 skill,能自动将 pdf 转为 PPT

接下来就什么都不用管了,很快就生成好了这个 skill:

对应的文件夹也生成 ok 了。

来做下验证,输入以下提示词:

使用pdf-to-ppt 帮我把"test_document.pdf"转为 ppt 格式

转好了:

相关推荐
之歆8 小时前
DAY_13JavaScript DOM 操作完全指南:实战案例、性能优化与业务价值(下)
开发语言·前端·javascript·性能优化·ecmascript
Darling噜啦啦8 小时前
前端三权分立与AI编程工具实践:从Clock案例看现代前端开发
前端
難釋懷8 小时前
Redis内存回收-内存淘汰策略
前端·数据库·redis
用户900305093628 小时前
2026年Cursor平替工具推荐:免费高性价比替代方案
前端
我头上有犄角ovo8 小时前
HarmonyOS 测肤拍照页实战:Metadata 实时取景 + Core Vision 拍后校验,从 0.001 的 widthRatio 踩坑到可上线
前端·harmonyos
画画的阿飞8 小时前
里程碑三:基于 Vue3 领域模型架构建设
前端·node.js
玉米Yvmi8 小时前
大文件上传的基石:切片上传原理与实现详解
前端·javascript·面试
用户4099322502128 小时前
Composable的命名规矩和参数约定,别再瞎写了
前端·javascript·后端
用户游民8 小时前
Flutter Provider原理以及用法
前端·flutter