find-skills 技能安装与使用完整教程

学会使用 find-skills，轻松从社区发现和安装 10,000+ 专业技能

目录

什么是 find-skills

find-skills 是一个特殊的"元技能"，它的作用是帮助你发现和安装其他技能。

核心功能

  • 🔍 智能搜索 - 当你说"如何做 X"时，自动搜索相关技能
  • 📦 一键安装 - 发现合适的技能后，可以直接安装
  • 🌐 生态系统集成 - 连接到 https://skills.sh/ 的整个技能生态
  • 🤖 自动触发 - Claude 会在合适的时候自动调用这个技能

工作原理

你：如何优化 React 性能？
    ↓
Claude 检测到这可能需要特定技能
    ↓
自动调用 find-skills 技能
    ↓
搜索 "react performance" 相关技能
    ↓
向你推荐找到的技能
    ↓
你选择安装
    ↓
立即可用！

安装教程

方法 1：命令行安装（推荐）

步骤 1：打开终端
# 在任意目录执行
cd ~
步骤 2：执行安装命令
npx skills add https://github.com/vercel-labs/skills --skill find-skills

命令说明：

  • npx skills - 调用技能包管理器（无需提前安装）
  • add - 安装技能
  • https://github.com/vercel-labs/skills - 技能仓库地址
  • --skill find-skills - 指定安装 find-skills 这个技能
步骤 3：选择安装位置

执行命令后，会出现交互式界面：

◆  Which agents do you want to install to?
│
│  ── Universal (.agents/skills) ── always included ────────────
│    • Amp
│    • Cline
│    • Codex
│    • Cursor
│    • Gemini CLI
│    • GitHub Copilot
│    • Kimi Code CLI
│    • OpenCode
│
│  ── Additional agents ─────────────────────────────
│  ↑↓ move, space select, enter confirm
│
│ ❯ ○ Claude Code (.claude/skills)
│   ○ Augment (.augment/skills)
│   ○ Continue (.continue/skills)
│  ↓ 更多选项...
│
│  Selected: Amp, Cline, Codex +5 more

推荐选择：

  1. 使用 ↓ 键导航到 Claude Code (.claude/skills)
  2. 按 空格键 选中它（会显示 ◉）
  3. 按 Enter 确认

选择说明：

  • 通用位置（默认已选） - 所有 AI 代理共享，推荐保留
  • Claude Code - Claude 专用，推荐勾选
  • 其他代理 - 根据你使用的工具选择
步骤 4：等待安装完成
◇  Installation complete!

看到这个提示说明安装成功。

方法 2：快速安装（跳过交互）

如果你只想安装到通用位置和 Claude Code：

# 全局安装，跳过确认
npx skills add https://github.com/vercel-labs/skills --skill find-skills -g -y

参数说明：

  • -g (global) - 安装到全局用户级目录
  • -y (yes) - 跳过所有确认提示

验证安装

1. 检查安装位置

# 查看全局技能
npx skills list -g

# 预期输出：
# Global Skills
#
# find-skills ~/.agents/skills/find-skills
#   Agents: Claude Code, OpenClaw, Trae

# 查看 Claude Code 的技能目录
ls ~/.claude/skills/

# 预期输出：
# find-skills  （以及其他技能如 weekly-report.md）

2. 检查技能文件

# 查看技能文件内容
cat ~/.claude/skills/find-skills/SKILL.md | head -20

# 预期输出：
# ---
# name: find-skills
# description: Helps users discover and install agent skills...
# ---
#
# # Find Skills
# ...

3. 在 Claude Code 中验证

启动 Claude Code 会话：

claude

在会话中输入：

/skills

你应该能在列表中看到 find-skills。

使用方法

自动触发（推荐）

find-skills 会在以下情况自动触发：

触发场景 1：询问"如何做某事"
你：如何优化 Next.js 应用的性能？

Claude：
我来帮你搜索相关的技能...

[自动调用 find-skills]
[搜索 "nextjs performance" 相关技能]

找到以下技能：
1. vercel-labs/agent-skills@vercel-react-best-practices (5.2K 安装)
   - Vercel 工程团队的 React/Next.js 性能优化最佳实践

安装命令：
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y

想要我帮你安装吗？
触发场景 2：询问是否有某个技能
你：有没有帮助写单元测试的技能？

Claude：
[自动调用 find-skills，搜索 "testing" 相关技能]

找到了！推荐以下技能：
1. testing-library/claude-skill - React Testing Library 集成
2. jest-automation/skill - Jest 自动化测试生成
...
触发场景 3：表达需要某种功能
你：我想自动生成 API 文档

Claude：
[自动调用 find-skills，搜索 "api documentation" 相关技能]

为你找到了这些 API 文档生成技能...

手动搜索

你也可以直接使用命令搜索：

# 在终端执行
npx skills find react              # 搜索 React 相关
npx skills find testing            # 搜索测试相关
npx skills find "api docs"         # 多词搜索用引号
npx skills find xiaohongshu        # 搜索小红书相关

搜索结果示例：

$ npx skills find react

Install with npx skills add <owner/repo@skill>

vercel-labs/agent-skills@vercel-react-best-practices  5.2K installs
└ https://skills.sh/vercel-labs/agent-skills/vercel-react-best-practices

react-dev/testing-skill@react-testing  1.8K installs
└ https://skills.sh/react-dev/testing-skill/react-testing

...

实战案例

案例 1：优化 React 应用性能

对话：

你：这个 React 组件渲染很慢，怎么优化？

Claude：
我来帮你找找是否有 React 性能优化的专业技能...

[调用 find-skills，搜索 "react performance"]

找到了！推荐安装这个技能：

📦 vercel-react-best-practices (5.2K 安装)
来自 Vercel 工程团队，包含 React/Next.js 性能优化的最佳实践

安装命令：
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y

要我帮你安装吗？

你：好的，安装吧

Claude：
[执行安装命令]

✅ 安装完成！现在我可以根据 Vercel 的最佳实践来帮你优化了。

让我分析你的组件...
[使用新安装的技能进行分析]

发现以下性能问题：
1. 组件没有使用 React.memo()，每次父组件更新都会重新渲染
2. 列表渲染使用了不稳定的 key（数组索引）
3. 事件处理函数在每次渲染时都被重新创建

建议的优化方案：
...

案例 2：搜索小红书图片处理技能

终端操作：

$ npx skills find "xiaohongshu image"

Install with npx skills add <owner/repo@skill>

jimliu/baoyu-skills@baoyu-xhs-images  9.9K installs
└ https://skills.sh/jimliu/baoyu-skills/baoyu-xhs-images

adjfks/corner-skills@write-xiaohongshu  1.4K installs
└ https://skills.sh/adjfks/corner-skills/write-xiaohongshu

iamzifei/xiaohongshu-images-skill@xiaohongshu-images  708 installs
└ https://skills.sh/iamzifei/xiaohongshu-images-skill/xiaohongshu-images

安装最热门的：

$ npx skills add jimliu/baoyu-skills@baoyu-xhs-images -g -y

✅ Installed successfully!

在 Claude 中使用：

你：帮我生成一张小红书风格的封面图

Claude：
[检测到已安装 baoyu-xhs-images 技能，自动调用]

好的！根据小红书图片风格规范：

1. 推荐尺寸：1242 x 1660 px (3:4)
2. 布局建议：
   - 顶部留白 10%
   - 主标题使用粗体，字号 60-80px
   - 添加彩色标签或贴纸
   - 底部加上简短描述

我来帮你设计...

案例 3：自动发现工作流技能

对话：

你：每次部署到生产环境都要手动检查好多步骤，很容易遗漏

Claude：
听起来你需要一个部署检查清单。让我搜索相关的技能...

[调用 find-skills，搜索 "deploy checklist" 或 "deployment workflow"]

找到这些相关技能：
1. deployment-checklist - 生产部署检查清单
2. pre-deploy-validator - 部署前自动验证工具
3. release-workflow - 完整的发布工作流

推荐安装第1个，它包含了详细的部署前检查步骤。

要安装吗？

你：好的

Claude：
[安装 deployment-checklist 技能]

✅ 安装完成！

现在当你说"准备部署到生产环境"时，我会自动：
1. 运行部署前检查清单
2. 验证所有环境变量
3. 检查数据库迁移
4. 确认测试都通过
5. 检查依赖项安全性
...

很多步骤都不会遗漏了！

技能市场浏览

访问技能市场

网址： https://skills.sh/

热门技能分类

1. Web 开发
技能 安装量 用途
vercel-react-best-practices 5.2K React/Next.js 最佳实践
tailwind-skill 3.8K Tailwind CSS 使用指南
typescript-expert 2.1K TypeScript 高级用法
2. 测试
技能 安装量 用途
jest-automation 1.9K Jest 测试自动化
playwright-e2e 1.5K Playwright 端到端测试
testing-library 1.2K React Testing Library
3. DevOps
技能 安装量 用途
docker-compose-skill 2.3K Docker Compose 配置
kubernetes-deploy 1.7K Kubernetes 部署
github-actions 1.4K GitHub Actions CI/CD
4. 文档
技能 安装量 用途
readme-generator 3.1K 自动生成 README
changelog-automation 1.6K 自动生成 Changelog
api-docs-openapi 1.3K OpenAPI 文档生成
5. 设计
技能 安装量 用途
design-system-builder 1.8K 设计系统构建
accessibility-checker 1.2K 无障碍检查
ui-component-library 900 UI 组件库创建
6. 内容创作
技能 安装量 用途
baoyu-xhs-images 9.9K 小红书图片生成
write-xiaohongshu 1.4K 小红书文案创作
blog-post-optimizer 800 博客文章优化

按关键词搜索

# React 相关
npx skills find react
npx skills find nextjs
npx skills find typescript

# 测试相关
npx skills find testing
npx skills find jest
npx skills find e2e

# 部署相关
npx skills find deploy
npx skills find docker
npx skills find kubernetes

# 文档相关
npx skills find docs
npx skills find readme
npx skills find changelog

# 代码质量
npx skills find review
npx skills find lint
npx skills find refactor

# UI/UX
npx skills find design
npx skills find ui
npx skills find accessibility

# 内容创作
npx skills find xiaohongshu
npx skills find blog
npx skills find seo

常见问题

Q1: find-skills 安装后 Claude 不自动调用？

可能原因：

  1. 技能没有正确链接到 Claude Code
  2. Claude 没有识别到触发关键词

解决方法：

# 检查链接状态
npx skills list -g

# 应该显示：
# find-skills ~/.agents/skills/find-skills
#   Agents: Claude Code

# 如果没有 Claude Code，重新链接
npx skills link find-skills --agent "Claude Code"

或者重启 Claude Code 会话：

# 退出当前会话（Ctrl+D）
# 重新启动
claude

Q2: 搜索结果太多，如何筛选？

使用更具体的关键词：

# ❌ 宽泛
npx skills find react

# ✅ 具体
npx skills find "react performance"
npx skills find "react testing"
npx skills find "react hooks"

在技能市场筛选：

访问 https://skills.sh/，使用分类和标签筛选。

Q3: 安装的技能不生效？

检查安装位置：

# 检查是否安装到 Claude Code 目录
ls ~/.claude/skills/

# 如果没有，手动复制
cp -r ~/.agents/skills/技能名 ~/.claude/skills/

检查技能文件格式：

# 技能文件必须是 SKILL.md 且包含正确的 frontmatter
cat ~/.claude/skills/技能名/SKILL.md | head -10

# 应该以这样的格式开头：
# ---
# name: 技能名
# description: 描述
# ---

Q4: 如何卸载不需要的技能？

# 删除全局技能
rm -rf ~/.agents/skills/技能名
rm -rf ~/.claude/skills/技能名

# 或使用命令（如果支持）
npx skills remove 技能名

Q5: 技能可以更新吗？

# 检查技能更新
npx skills check

# 更新所有技能
npx skills update

# 更新特定技能
npx skills update 技能名

Q6: 搜索不到想要的技能怎么办？

方案 1：尝试不同关键词

npx skills find "api documentation"
npx skills find "api docs"
npx skills find "openapi"
npx skills find "swagger"

方案 2：访问技能市场浏览

https://skills.sh/

方案 3：自己创建技能

npx skills init my-custom-skill

然后编辑生成的 SKILL.md 文件。

Q7: 可以同时安装多个技能吗？

可以！技能之间不冲突：

# 一次安装一个
npx skills add repo1@skill1 -g -y
npx skills add repo2@skill2 -g -y
npx skills add repo3@skill3 -g -y

# 或者安装整个仓库的所有技能
npx skills add https://github.com/owner/repo -g -y

Claude 会根据上下文自动选择最合适的技能。

Q8: find-skills 会消耗 API 额度吗？

不会额外消耗。

find-skills 只是搜索技能并显示结果，不会进行额外的 AI 推理。

真正的 AI 消耗发生在：

  • Claude 分析你的需求
  • 使用安装的技能执行任务

技能使用技巧

1. 主动提及场景

❌ 不够明确：
"帮我优化代码"

✅ 明确场景（触发 find-skills）：
"帮我优化 React 组件的渲染性能"
→ Claude 会搜索 React 性能相关技能

2. 组合使用技能

# 安装互补的技能
npx skills add vercel-labs/agent-skills@vercel-react-best-practices -g -y
npx skills add testing/react-testing-library-skill -g -y

# Claude 会在需要时同时使用两者
# 既遵循最佳实践，又确保测试覆盖

3. 定期浏览新技能

# 每周或每月浏览技能市场
open https://skills.sh/

# 查看热门和最新技能
# 发现新的工作流优化机会

4. 创建项目专用技能

# 项目级技能（仅当前项目）
mkdir -p .claude/skills/our-deploy-workflow
vim .claude/skills/our-deploy-workflow/SKILL.md

# 用于项目特定的流程
# 提交到 Git，团队共享

总结

find-skills 的价值

  • ✅ 节省时间 - 不用自己搜索和配置工作流
  • ✅ 专业经验 - 使用社区验证的最佳实践
  • ✅ 持续改进 - 技能会更新，保持最新
  • ✅ 团队协作 - 统一工作流程和规范

快速命令备忘

# 安装 find-skills
npx skills add https://github.com/vercel-labs/skills --skill find-skills -g -y

# 搜索技能
npx skills find [关键词]

# 安装技能
npx skills add <owner/repo@skill> -g -y

# 查看已安装技能
npx skills list -g

# 更新技能
npx skills update

# 在 Claude 中查看
/skills

推荐工作流

1. 安装 find-skills
   ↓
2. 在对话中自然表达需求
   ↓
3. Claude 自动搜索相关技能
   ↓
4. 选择安装推荐的技能
   ↓
5. 立即享受专业工作流！

现在就开始使用 find-skills，解锁 10,000+ 专业技能！ 🚀

技能市场： https://skills.sh/
文档： https://github.com/vercel-labs/skills

Logo
龙虾开发者社区

小龙虾开发者社区是 CSDN 旗下专注 OpenClaw 生态的官方阵地，聚焦技能开发、插件实践与部署教程，为开发者提供可直接落地的方案、工具与交流平台，助力高效构建与落地 AI 应用

更多推荐

OpenClaw+GLM-4.7-Flash语音交互：对接Whisper实现语音控制

本文介绍了如何在星图GPU平台上自动化部署【ollama】GLM-4.7-Flash镜像，构建语音交互系统。该系统结合Whisper语音识别与GLM-4.7-Flash的指令理解能力，实现智能家居控制等场景的语音操作，提升日常任务执行效率。

avatar 龙虾开发者社区

学生党福音：OpenClaw+nanobot搭建学习监督助手

本文介绍了如何在星图GPU平台上自动化部署🐈 nanobot：超轻量级OpenClaw镜像，构建智能学习监督助手。该方案利用轻量级模型实现网课进度跟踪、自动生成练习题和错题整理功能，特别适合学生群体通过QQ机器人实现移动端学习管理，显著提升学习效率。

avatar 龙虾开发者社区

OpenClaw创意工坊：用nanobot镜像生成技术海报文案

本文介绍了如何在星图GPU平台上自动化部署🐈 nanobot：超轻量级OpenClaw镜像，快速生成技术海报文案。该镜像基于Qwen3-4B模型，能将复杂技术术语转化为通俗表达，适用于技术活动宣传、社交媒体推广等场景，显著提升内容创作效率。

avatar 龙虾开发者社区