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 包手动安装

  1. Skillhub 下载 Skill 的 Zip 包
  2. 解压到你使用的 AI 工具对应的 skills 文件夹:
AI 工具Skills 文件夹路径
Claude Code.claude/skills/
Codex CLI.agents/skills/
Cursor.cursor/skills/
Windsurf.windsurf/skills/
Trae.trae/skills/
  1. 重启 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 包手动安装

  1. skills.sh 或 GitHub Release 页面下载 Skill 的 Zip 包
  2. 解压到你使用的 AI 工具对应的 skills 文件夹:
AI 工具Skills 文件夹路径
Claude Code.claude/skills/
Codex CLI.agents/skills/
Cursor.cursor/skills/
Windsurf.windsurf/skills/
Trae.trae/skills/
  1. 重启 AI 工具即可生效

保持 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 的两个关键部分:

  1. Frontmatter(元数据) — 告诉 AI「什么时候用这个 Skill」

    ---
    name: my-skill              # 唯一标识,小写 + 连字符
    description: 做什么、什么时候触发、包含哪些关键词
    ---

    description 是最重要的字段,AI 靠它判断要不要自动加载你的 Skill。写清楚「做什么」和「触发词」,2–4 句话即可。

  2. 正文 — 告诉 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 的威力有感觉了,接下来看看新手容易踩的坑,少走弯路。

新手常踩的坑

下一步