Skill 快速入门
5 分钟搞懂 Skill 是什么、怎么装、怎么用。
你是不是也有过这种经历:
- 有大量的重复性的电脑工作,比如要固定写周报,输出设计稿件,处理用户反馈修复代码等等
- 每次让 AI 帮忙,都要花 5 分钟解释你的标准和偏好,输出的结果依然要反复调整
装上合适的 Skill,解放你的日常劳动,省下你宝贵的时间。
先搞懂 Skill 是什么
Skill 就是一份提前写好的"工作说明书"。你把"做某件事的标准和步骤"写成一个文件,存在电脑上。以后 AI 做这类任务时,会自动读取这份文件,按你的要求来,不需要你重复交代。
比如你写了一个"公众号排版 Skill",以后每次说"帮我排版这篇文章",AI 自动按你定义的风格、字号、配色来输出——跟你手动交代 5 分钟的效果一样,但你什么都不用说。
不需要写代码。 Skill 其实就是一个文本文件,装上就能用。下面 4 步带你跑通。
Skill 是开放标准,不绑定某个工具。现在主流的 AI 编程和 Agent 产品几乎都支持——Claude Code、Cursor、Windsurf、Trae、CodeBuddy、Codex CLI、Goose 等等都原生兼容。装一个 Skill,换工具也能接着用。
3 分钟上手
找一个适合你的 Skill
找 Skill 的话,网上已经有大量优质的现成 Skill。 如果你想要创建自己的 Skill,也查看 创建 Skill。
目前很多 AI Agent 工具已经内置了对 Skill 的支持,例如 Claude Code、Codex、Trae 等等,直接问 AI:
我的主要工作场景是【改为具体描述】,推荐一些适合我的 skill如果 AI 不知道去哪里寻找 Skill,说明你的工具还没内置 Skill 发现工具。根据你的网络环境选择对应方式:
通过 SkillHub 安装发现工具
先检查是否已安装 SkillHub 商店:
# 如果提示 "command not found",说明还没安装
skillhub --version若未安装,先安装 SkillHub CLI,再安装 find-skills 技能:
# 1. 安装 SkillHub CLI
curl -fsSL https://skillhub.cn/install/install.sh | bash
# 2. 安装 find-skills 技能
skillhub install find-skills若已安装 SkillHub,直接安装 find-skills:
skillhub install find-skills装好之后,直接对 AI 说"帮我推荐一些适合我的 skill",AI 就能自动帮你找了。
通过 npx 一键安装发现工具,将下面的话发给 AI:
# 帮我安装
npx skills add https://github.com/vercel-labs/skills --skill find-skills此外,你也可以在以下地方找 Skill:
- 公众号/小红书搜"Skill 推荐" — 看真实用户的使用场景
- Skillhub — 国内首选,速度快,本土 Skill 多
- skills.sh — Vercel 出品,国际主流
- Anthropic 官方 — 官方质量保证
安装
找到 Skill 之后如何安装?根据你的网络环境和偏好选择:
方式 1:直接跟 AI 说(推荐)
帮我安装 https://skillhub.cn/skills/<skill-名称>方式 2:命令行安装
# 安装 SkillHub CLI(如已安装可跳过)
curl -fsSL https://skillhub.cn/install/install.sh | bash
# 安装指定 Skill
skillhub install <skill-名称>方式 3:Zip 包手动安装
- 从 Skillhub 下载 Skill 的 Zip 包
- 解压到你使用的 AI 工具对应的 skills 文件夹:
| AI 工具 | Skills 文件夹路径 |
|---|---|
| Claude Code | .claude/skills/ |
| Codex CLI | .agents/skills/ |
| Cursor | .cursor/skills/ |
| Windsurf | .windsurf/skills/ |
| Trae | .trae/skills/ |
- 重启 AI 工具即可生效
方式 1:直接跟 AI 说(推荐)
帮我安装 npx skills add https://github.com/<owner>/<repo> --skill <skill-名称>方式 2:命令行安装
npx skills add <owner/repo>
# 比如
# npx skills add https://github.com/anthropics/skills --skill pptx方式 3:Zip 包手动安装
- 从 skills.sh 或 GitHub Release 页面下载 Skill 的 Zip 包
- 解压到你使用的 AI 工具对应的 skills 文件夹:
| AI 工具 | Skills 文件夹路径 |
|---|---|
| Claude Code | .claude/skills/ |
| Codex CLI | .agents/skills/ |
| Cursor | .cursor/skills/ |
| Windsurf | .windsurf/skills/ |
| Trae | .trae/skills/ |
- 重启 AI 工具即可生效
- 发现更多 Skill: 详见 发现 Skill
- 更多安装技巧: 详见 npx skills 命令行指南
保持 Skill 更新:Skill 生态在快速进化。偶尔运行 npx skills update -g 可以同步最新版本,同时发现新收录的优质 Skill。建议每隔一两周更新一次。
用起来
装好之后,有两种方式触发 Skill:
方式 1:用斜杠命令明确调用(推荐)
在对话框输入 /,选择你要用的 Skill,然后写任务内容。这样 AI 一定会按 Skill 的流程来,不会遗漏:
/khazix-writer 帮我把这段素材整理成一篇文章方式 2:正常对话,AI 自动触发
你也可以正常说话,AI 会根据你提到的内容自动判断是否需要加载某个 Skill。比如装了排版 Skill 之后,直接说"帮我排版这篇文章"就会自动生效。
方式 2 方便但不保证每次都触发——AI 是根据语义判断的,不是关键词匹配。如果发现没被触发,用方式 1 就行。
第一次可能不完美。用几次,给反馈,它会越来越懂你。
理解 Skill 的结构
Skill 就是一个文件夹,只有 1 个必需文件,其他都是可选的:
my-skill/
├── SKILL.md # [必需] 核心定义,AI 读的就是这个
├── scripts/ # [可选] 可执行脚本
├── references/ # [可选] 详细参考文档
└── assets/ # [可选] 静态资源(模板等)SKILL.md 的两个关键部分:
-
Frontmatter(元数据) — 告诉 AI「什么时候用这个 Skill」
--- name: my-skill # 唯一标识,小写 + 连字符 description: 做什么、什么时候触发、包含哪些关键词 ---description是最重要的字段,AI 靠它判断要不要自动加载你的 Skill。写清楚「做什么」和「触发词」,2–4 句话即可。 -
正文 — 告诉 AI「怎么做」
- 用清晰的步骤(
## 执行步骤→### 1. xxx) - 给具体示例,别只说抽象要求
- 说明边缘情况怎么处理
- 用清晰的步骤(
渐进式披露: SKILL.md 保持精简(< 500 行),详细文档放 references/。AI 只在需要时才去读 references,节省上下文。
这只是最简概览。想完整了解每个目录的用法、脚本怎么写、模板怎么用,看 Skill 拆解。
快速体验 Skill 的魔力
光看概念可能还不够直观。下面用 3 个真实案例,让你感受一下装上 Skill 之后 AI 能做到什么程度。
案例 1:huashu-design — 一句话出视觉设计
花叔开源的 huashu-design,独立仓库 12k+ stars。能做高保真原型、交互 Demo、幻灯片、动画——不只是一般的原型工具。
第 1 步:安装
npx skills add alchaincyf/huashu-design第 2 步:用一句话描述你想要的设计
用 huashu-design 帮我做一个 AI 写作工具的 Landing Page,极简黑白风格装好之后,直接在对话里说你要做什么,AI 会自动加载这个 Skill,按里面定义好的设计流程来执行——不用反复交代风格、字体、配色这些细节。
更多演示:体验开源 PPT Skills · 复刻 Claude Design 实测对比
详细教程 → 花叔的 AI Skills 系列
案例 2:remotion — 写代码生成视频
Remotion 让你用 React 代码创建视频。装上 remotion skill 之后,你只需要用中文描述视频内容,AI 自动帮你生成对应的 Remotion 代码并渲染出视频——不用学 React,也不用对着 API 文档。
第 1 步:安装
npx skills add remotion-dev/skills --skill remotion第 2 步:描述你的视频内容
用 remotion 帮我做一个 30 秒的短视频:介绍 01MVP 项目,配上文字动画和背景音乐AI 会自动生成 Remotion 组件代码,你预览满意后直接渲染输出 mp4。
更多视频:Remotion 视频生成案例 · Skills + Remotion 自动做视频 · 自定义组件库 · 全自动工作流
案例 3:frontend-design — 快速出原型图
Anthropic 官方出品的 frontend-design skill,专为前端原型而生。装上之后,用自然语言描述页面,AI 直接生成完整的前端代码和预览。
第 1 步:安装
npx skills add anthropics/skills --skill frontend-design第 2 步:描述你要的页面
用 frontend-design 帮我做一个 SaaS 后台 Dashboard:左侧导航栏、顶部数据卡片、中间表格和图表AI 会按你的描述直接生成可运行的 HTML/CSS/JS,你在浏览器里立刻能看到效果。跟产品经理讨论需求、给设计师出方案、或者快速验证想法,都非常实用。
提示:frontend-design 和 huashu-design 有一定重叠。简单区分:frontend-design 偏交互原型和页面布局,huashu-design 偏视觉设计和品牌感。两者可以配合使用。
更多参考:用 Skill 生成原型图和前端页面 · 深度增强的前端设计 skills · Claude Code 打造专属技能
这三个案例只是冰山一角。Skill 生态里还有大量覆盖写作、审校、数据报告、部署等场景的好 Skill。
现在你对 Skill 的威力有感觉了,接下来看看新手容易踩的坑,少走弯路。