# 克隆仓库到本地
git clone https://github.com/JimLiu/baoyu-skills.git

# 进入目录
cd baoyu-skills

# 查看所有技能
ls -la skills/

# ~/.openclaw/config.yaml
skills:
  paths:
    - ~/.openclaw/skills          # 默认技能目录
    - ~/baoyu-skills/skills       # BaoYu Skills 目录

cp -r baoyu-skills/skills/* ~/.openclaw/skills/

# ~/.hermes/config.yaml
skills:
  paths:
    - ~/.hermes/skills
    - ~/baoyu-skills/skills

# 列出所有技能（OpenClaw）
openclaw skills list

# 列出所有技能（Hermes）
hermes skills list

# 查看特定技能
openclaw skills view nextjs-vercel-website-deployment

You: 使用 nextjs-vercel-website-deployment 技能创建一个个人博客
Assistant: [加载技能]
好的，我将按照以下步骤创建并部署网站：

1. 创建 Next.js 项目
   - 初始化 Next.js 15 + TypeScript
   - 安装 Tailwind CSS
   
2. 开发核心页面
   - 首页（/）
   - 博客列表（/blog）
   - 文章详情（/blog/[id]）
   - 关于页面（/about）
   
3. GitHub 配置
   - 初始化 Git 仓库
   - 创建 GitHub 远程仓库
   - 推送代码
   
4. Vercel 部署
   - 安装 Vercel CLI
   - 关联项目
   - 部署到生产环境

You: 我的 API 返回 500 错误，帮我调试
Assistant: [加载 systematic-debugging 技能]

开始系统化调试：

第 1 步：复现问题
- 当前环境：开发环境
- 触发条件：访问 /api/posts
- 错误信息：Internal Server Error (500)

第 2 步：收集日志
[调用 terminal] 查看服务器日志
发现错误：TypeError: Cannot read property 'id' of undefined

第 3 步：定位根因
[调用 read_file] 读取 API 代码
发现问题：缺少 null 检查

第 4 步：修复问题
[调用 patch] 添加 null 检查
if (!user) {
  return res.status(401).json({ error: 'Unauthorized' });
}

第 5 步：验证修复
[调用 terminal] 重启服务
[调用 terminal] 测试 API
✅ 问题已解决！

You: Spring Boot 3.2 无法启动，报 MyBatis-Plus 错误
Assistant: [加载技能]

诊断步骤：

1. 检查版本兼容性
   - Spring Boot: 3.2.x
   - MyBatis-Plus: 3.5.3.1
   - ✅ 版本匹配

2. 检查依赖冲突
[调用 terminal] mvn dependency:tree
发现冲突：mybatis-spring-boot-starter

3. 修复方案
[调用 patch] 更新 pom.xml
排除冲突依赖，统一版本

4. 重新构建
[调用 terminal] mvn clean install
✅ 构建成功！

You: 为我的博客添加 Giscus 评论系统
Assistant: [加载技能]

集成步骤：

1. 安装依赖
[调用 terminal] npm install @giscus/react

2. 创建评论组件
[调用 write_file] app/components/Comments.tsx
集成 Giscus React 组件

3. 配置参数
- repo: your-username/your-repo
- repo-id: R_xxx
- category: General
- category-id: DIC_xxx

4. 在文章页面引入
[调用 patch] app/blog/[id]/page.tsx
添加 <Comments /> 组件

5. 测试评论功能
[调用 terminal] npm run dev
访问文章页面，验证评论加载
✅ 评论系统集成完成！

You: 前端页面显示"无数据"，但后端有数据
Assistant: [加载技能]

系统化诊断：

第 1 层：前端验证
1. 检查 API 调用
   [调用 read_file] src/api/posts.js
   发现：URL 正确，请求方法正确

2. 检查控制台错误
   [调用 vision_analyze] 浏览器截图
   发现：返回数据是空数组

第 2 层：网络层验证
3. 检查网络请求
   [调用 terminal] curl http://localhost:8080/api/posts
   返回：200 OK，数据正常

第 3 层：后端验证
4. 检查控制器代码
   [调用 read_file] PostController.java
   发现：返回格式是 Result<List<Post>>

5. 诊断问题
   前端期望：{ data: [...] }
   后端返回：{ code: 200, data: [...], msg: "success" }
   
   问题：前端 Axios 拦截器双层包装导致 data 为空

第 4 层：修复问题
6. 修复拦截器
   [调用 patch] src/utils/request.js
   response.data.data -> response.data

7. 验证修复
   [调用 terminal] npm run dev
   ✅ 数据正常显示！

---
name: my-custom-skill
description: 简短描述技能用途
triggers:
  - 关键词1
  - 关键词2
category: software-development
---

# 技能名称

## 概述
简要说明技能的用途和适用场景。

## 何时使用
- 场景 1
- 场景 2
- 场景 3

## 前置条件
- 要求 1
- 要求 2

## 操作步骤

### Step 1: 第一步标题
详细说明...

\`\`\`bash
# 示例命令
npm install xxx
\`\`\`

### Step 2: 第二步标题
详细说明...

## 常见陷阱
- ❌ 错误做法 1
  - 为什么错
  - 正确做法

## 验证方法
1. 验证步骤 1
2. 验证步骤 2

## 参考资料
- [文档链接](https://example.com)

# Fork 并克隆
git clone https://github.com/YOUR_USERNAME/baoyu-skills.git
cd baoyu-skills

# 创建分支
git checkout -b add-my-skill

# 添加技能文件
cat > skills/my-category/my-skill.md << 'EOF'
---
name: my-skill
description: My awesome skill
category: my-category
---
...
EOF

# 提交
git add skills/my-category/my-skill.md
git commit -m "feat: add my-skill for doing something"
git push origin add-my-skill

# 在 GitHub 上创建 Pull Request

You: 帮我创建一个完整的个人博客，包含数据库和评论功能
Assistant: [依次加载 3 个技能]

1. 创建 Next.js 项目并部署
   ✅ 项目创建完成
   ✅ 推送到 GitHub
   ✅ 部署到 Vercel

2. 集成 Neon Postgres 数据库
   ✅ 创建数据库
   ✅ 设计表结构
   ✅ 迁移数据
   
3. 添加 Giscus 评论系统
   ✅ 安装依赖
   ✅ 配置组件
   ✅ 测试评论

🎉 博客已完成！访问: https://your-blog.vercel.app

You: 生产环境 API 突然 500 错误，帮我紧急修复
Assistant: [加载 systematic-debugging]

紧急响应流程：

第 1 步：快速止损
[调用 terminal] kubectl rollback deployment api
✅ 回滚到上一个稳定版本

第 2 步：复现问题
[调用 terminal] 查看生产日志
发现：数据库连接超时

第 3 步：诊断根因
[调用 terminal] 检查数据库状态
发现：连接池耗尽（max 10, active 15）

第 4 步：临时修复
[调用 patch] 增加连接池大小到 50
[调用 terminal] 重新部署

第 5 步：验证修复
[调用 terminal] curl 测试 API
✅ 200 OK

第 6 步：长期优化
- 添加连接池监控
- 优化慢查询
- 设置告警

✅ 问题已解决，系统恢复正常！

You: 我的项目目录很混乱，帮我重新组织
Assistant: [加载 project-directory-cleanup]

重构计划：

第 1 步：分析现状
当前结构：
- 文件散乱
- 命名不规范
- 缺少分类

第 2 步：设计新结构
/src
  /components  # React 组件
  /pages       # 页面
  /utils       # 工具函数
  /api         # API 客户端
  /types       # TypeScript 类型

第 3 步：迁移文件
[调用 terminal] 批量移动文件
✅ 100 个文件已迁移

第 4 步：更新导入路径
[调用 search_files] 查找所有 import
[调用 patch] 批量更新路径

第 5 步：验证功能
[调用 terminal] npm run test
✅ 所有测试通过

🎉 项目重构完成！

# 1. 检查路径配置
cat ~/.openclaw/config.yaml | grep skills

# 2. 验证技能文件存在
ls ~/baoyu-skills/skills/

# 3. 检查文件格式
openclaw skills validate my-skill

# 4. 查看错误日志
openclaw --debug

cd ~/baoyu-skills
git pull origin main