Claude Code 技能（Skills）安装指南：国内加速 + 实战演示

手把手教你为 Claude Code 安装第三方技能，国内用户也能轻松上手

---

什么是 Skills？

Skills 是 Claude Code 的扩展技能包，可以为 AI 助手赋予特定领域的专业能力——比如前端设计、头脑风暴规划、代码审查等。安装后，只需在对话中输入 /skills，即可调用这些增强功能，大幅提升开发效率。

本文将带你完成：

• 访问官方技能市场
• 使用国内镜像加速下载（解决 GitHub 访问慢的问题）
• 安装两个热门技能：superpowers（头脑风暴）和 frontend-design（前端设计）
• 验证安装并开始使用

---

准备工作

• 已安装 Claude Code（版本不限，推荐 2.1.153 以上）
• Node.js 环境（用于运行 npx）
• 网络可访问清华镜像站（或者你自己准备的其他代理）

---

第一步：进入技能市场，选择你需要的技能

推荐官方技能市场：https://www.skills.sh/

在市场中浏览并挑选你感兴趣的技能。本文以两个实用技能为例：

• superpowers – 提供头脑风暴、创意规划等能力
• frontend-design – 前端设计辅助，生成组件、样式等

---

第二步：使用国内镜像加速安装（关键）

由于技能本身托管在 GitHub 上，国内直接拉取经常超时或失败。解决方案：将 GitHub 地址替换为清华镜像源。

安装命令对比

技能	原始命令	替换后的命令（清华镜像）
superpowers	npx skills add https://github.com/obra/superpowers --skill brainstorming	npx skills add https://mirrors.tuna.tsinghua.edu.cn/git/github.com/obra/superpowers --skill brainstorming
frontend-design	npx skills add https://github.com/anthropics/skills --skill frontend-design	npx skills add https://mirrors.tuna.tsinghua.edu.cn/git/github.com/anthropics/skills --skill frontend-design

💡 原理：清华镜像站对 GitHub 仓库做了实时反向代理，速度通常能达到 2-5 MB/s，完美解决 clone 困难问题。

---

第三步：执行安装命令（完整过程实录）

打开终端（CMD、PowerShell 或 Bash），依次执行上述命令。下面是安装 superpowers 的完整输出（精简版）：

C:\your-project> npx skills add https://mirrors.tuna.tsinghua.edu.cn/git/github.com/obra/superpowers --skill brainstorming

███████╗██╗  ██╗██╗██╗     ██╗     ███████╗
██╔════╝██║ ██╔╝██║██║     ██║     ██╔════╝
███████╗█████╔╝ ██║██║     ██║     ███████╗
╚════██║██╔═██╗ ██║██║     ██║     ╚════██║
███████║██║  ██╗██║███████╗███████╗███████║
╚══════╝╚═╝  ╚═╝╚═╝╚══════╝╚══════╝╚══════╝

T   skills
|
o  Source: https://github.com/obra/superpowers.git
|
o  Repository cloned
|
o  Found 14 skills
|
•  Selected 1 skill: brainstorming
|
o  71 agents
◇  Which agents do you want to install to?
│  Amp, Antigravity, Claude Code, Cursor, ... (默认选择 Claude Code)
|
o  Installation scope: Global
o  Installation method: Copy to all agents
|
o  Security Risk Assessments: Safe (0 alerts, Low Risk)
|
o  Proceed with installation? Yes
|
o  Installation complete
✓ brainstorming (copied) → ~\.claude\skills\brainstorming
|
—  Done!

接着安装 frontend-design：

C:\your-project> npx skills add https://mirrors.tuna.tsinghua.edu.cn/git/github.com/anthropics/skills --skill frontend-design

...（类似过程，最终显示）
✓ frontend-design (copied) → ~\.claude\skills\frontend-design

---

第四步：验证技能是否安装成功

4.1 检查本地文件夹

安装完成后，技能会存放在 Claude Code 的配置目录下：

• Windows：C:\Users\<你的用户名>\.claude\skills\
• macOS / Linux：~/.claude/skills/

你应该能看到刚刚安装的两个技能文件夹：

4.2 在 Claude Code 中验证

打开一个新的终端，输入 claude 进入交互界面，然后键入：

/skills

系统会弹出一个技能选择列表，如果 brainstorming 和 frontend-design 出现在列表中，说明安装成功！

---

第五步：开始使用技能提升效率

使用方法非常简单：

• 在 Claude Code 对话中，先输入 /skills 选择你想启用的技能（可多选）。
• 然后直接提出你的需求，AI 会自动应用所选技能的能力。
• 例如启用 frontend-design 后，说“帮我设计一个响应式登录表单”，Claude 会输出高质量的前端代码。

⚠️ 安全提示：技能会获得完整的文件系统访问权限，请仅从官方市场或可信来源安装。安装前建议查看技能的 README 和权限说明。

---

结语

通过以上步骤，国内用户也能顺畅地为 Claude Code 安装第三方技能，彻底告别 GitHub 克隆缓慢的烦恼。superpowers 和 frontend-design 只是冰山一角，skills.sh 上还有更多实用技能等待你探索。

善用技能，你的 AI 编程助手将如虎添翼 —— 开发效率提升 10 倍不是梦！🚀

---

小贴士：如果你使用其他代理镜像（如中科大、阿里云），只需将 mirrors.tuna.tsinghua.edu.cn/git/github.com 替换为相应地址即可。

有问题？欢迎留言交流！