{ "version": "https://jsonfeed.org/version/1", "title": "ChengJJ的技术博客", "home_page_url": "https://blog.aitool-hub.cn", "feed_url": "https://blog.aitool-hub.cn/feed.json", "description": "分享技术经验，记录成长点滴", "icon": "https://blog.aitool-hub.cn/favicon.ico", "author": { "name": "ChengJJ", "url": "https://blog.aitool-hub.cn/about" }, "items": [ { "id": "https://blog.aitool-hub.cn/blog/nextjs-15-complete-guide", "content_html": "欢迎来到 Next.js 15 完整指南!在这篇文章中,我将带你深入了解 Next.js 15 的核心特性和最佳实践。\n\n## 什么是 Next.js?\n\nNext.js 是一个基于 React 的全栈框架,由 Vercel 开发和维护。它提供了服务端渲染(SSR)、静态站点生成(SSG)、增量静态再生成(ISR)等强大功能。\n\n## Next.js 15 的新特性\n\n### 1. App Router(应用路由)\n\nApp Router 是 Next.js 13 引入并在 15 中完善的全新路由系统。它基于文件系统,使用 React Server Components 作为默认。\n\n### 2. Server Components\n\nReact Server Components 允许你在服务端渲染组件,减少客户端 JavaScript 体积,提升性能。\n\n### 3. Turbopack\n\nNext.js 15 集成了 Turbopack,一个用 Rust 编写的超快构建工具,构建速度比 Webpack 快 10 倍以上。\n\n### 4. 改进的图片优化\n\n`next/image` 组件得到进一步优化,自动处理图片格式转换、懒加载、响应式等。\n\n## 开始使用\n\n安装 Next.js 15 非常简单:\n\n```bash\nnpx create-next-app@latest my-app --typescript --tailwind --app\ncd my-app\nnpm run dev\n```\n\n## 项目结构\n\n```\napp/\n layout.tsx # 根布局\n page.tsx # 首页\n blog/\n page.tsx # 博客列表\n [id]/\n page.tsx # 动态路由\n```\n\n## 数据获取\n\n在 Server Components 中,你可以直接使用 async/await:\n\n```typescript\nasync function getData() {\n const res = await fetch('https://api.example.com/data')\n return res.json()\n}\n\nexport default async function Page() {\n const data = await getData()\n return
{data.title}
\n}\n```\n\n## 性能优化建议\n\n1. **使用 Server Components**: 尽可能使用服务端组件减少客户端负担\n2. **路由预取**: Link 组件会自动预取链接页面\n3. **图片优化**: 始终使用 next/image 组件\n4. **代码分割**: 使用动态导入 `dynamic()`\n\n## 总结\n\nNext.js 15 是一个强大且易用的全栈框架,非常适合构建现代 Web 应用。无论是个人博客还是企业应用,Next.js 都是一个值得信赖的选择。\n\n希望这篇文章对你有所帮助!", "url": "https://blog.aitool-hub.cn/blog/nextjs-15-complete-guide", "title": "Next.js 15 完整指南", "summary": "深入探索 Next.js 15 的新特性,包括 App Router、Server Components、Streaming 等核心概念,以及如何构建高性能的现代 Web 应用...", "date_modified": "2024-01-15T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "前端开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/typescript-advanced-tips", "content_html": "TypeScript 作为 JavaScript 的超集,为前端开发带来了强大的类型系统。本文将介绍一些高级技巧和最佳实践。\n\n## 为什么选择 TypeScript?\n\n- **类型安全**: 在编译时捕获错误\n- **更好的 IDE 支持**: 智能提示、自动补全\n- **代码可维护性**: 类型即文档\n- **重构友好**: 安全地修改代码\n\n## 高级类型\n\n### 1. 联合类型与交叉类型\n\n```typescript\n// 联合类型\ntype Status = 'success' | 'error' | 'loading'\n\n// 交叉类型\ntype User = { name: string } & { age: number }\n```\n\n### 2. 泛型\n\n泛型让代码更加灵活和可复用:\n\n```typescript\nfunction identity(arg: T): T {\n return arg\n}\n\nconst result = identity('hello')\n```\n\n### 3. 条件类型\n\n```typescript\ntype IsString = T extends string ? true : false\n\ntype A = IsString // true\ntype B = IsString // false\n```\n\n### 4. 映射类型\n\n```typescript\ntype Readonly = {\n readonly [P in keyof T]: T[P]\n}\n\ntype User = { name: string; age: number }\ntype ReadonlyUser = Readonly\n```\n\n## 最佳实践\n\n### 1. 使用严格模式\n\n在 `tsconfig.json` 中启用严格模式:\n\n```json\n{\n \"compilerOptions\": {\n \"strict\": true\n }\n}\n```\n\n### 2. 避免使用 any\n\n尽量使用 `unknown` 代替 `any`:\n\n```typescript\n// 不好\nfunction process(data: any) {\n return data.value\n}\n\n// 好\nfunction process(data: unknown) {\n if (typeof data === 'object' && data !== null && 'value' in data) {\n return (data as { value: string }).value\n }\n}\n```\n\n### 3. 使用类型守卫\n\n```typescript\nfunction isString(value: unknown): value is string {\n return typeof value === 'string'\n}\n\nif (isString(data)) {\n console.log(data.toUpperCase())\n}\n```\n\n## 总结\n\nTypeScript 的类型系统非常强大,掌握这些高级技巧能让你的代码更加健壮和易维护。持续学习和实践是关键!", "url": "https://blog.aitool-hub.cn/blog/typescript-advanced-tips", "title": "TypeScript 高级技巧与最佳实践", "summary": "掌握 TypeScript 的高级类型系统,包括泛型、条件类型、映射类型等,提升代码质量和开发效率,让类型系统为你的项目保驾护航...", "date_modified": "2024-01-10T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "编程语言" ] }, { "id": "https://blog.aitool-hub.cn/blog/ai-application-development-guide", "content_html": "AI 技术正在改变软件开发的方式。本文将介绍如何将 AI 技术集成到实际应用中。\n\n## AI 应用的核心概念\n\n### 1. 大语言模型(LLM)\n\nGPT-4、Claude 等大语言模型具有强大的理解和生成能力,可以用于:\n- 智能问答\n- 文本生成\n- 代码辅助\n- 内容总结\n\n### 2. RAG(检索增强生成)\n\nRAG 结合了检索系统和生成模型的优势:\n\n```\n用户问题 → 检索相关文档 → 结合上下文生成答案\n```\n\n## 实战:构建一个 AI 问答系统\n\n### 步骤 1:准备知识库\n\n```python\ndocuments = [\n \"Next.js 是一个 React 框架\",\n \"TypeScript 提供类型安全\",\n # ... 更多文档\n]\n```\n\n### 步骤 2:文档向量化\n\n使用 OpenAI Embeddings API:\n\n```python\nfrom openai import OpenAI\n\nclient = OpenAI()\n\ndef get_embedding(text):\n response = client.embeddings.create(\n model=\"text-embedding-ada-002\",\n input=text\n )\n return response.data[0].embedding\n```\n\n### 步骤 3:相似度检索\n\n```python\nimport numpy as np\n\ndef cosine_similarity(a, b):\n return np.dot(a, b) / (np.linalg.norm(a) * np.linalg.norm(b))\n\ndef search(query, embeddings, top_k=3):\n query_embedding = get_embedding(query)\n similarities = [\n cosine_similarity(query_embedding, emb) \n for emb in embeddings\n ]\n return sorted(range(len(similarities)), \n key=lambda i: similarities[i], \n reverse=True)[:top_k]\n```\n\n### 步骤 4:生成答案\n\n```python\ndef answer_question(query, context):\n response = client.chat.completions.create(\n model=\"gpt-4\",\n messages=[\n {\"role\": \"system\", \"content\": \"你是一个有帮助的助手\"},\n {\"role\": \"user\", \"content\": f\"基于以下上下文回答问题:\\n\\n{context}\\n\\n问题:{query}\"}\n ]\n )\n return response.choices[0].message.content\n```\n\n## 进阶:使用 LangChain\n\nLangChain 简化了 AI 应用开发:\n\n```python\nfrom langchain.chains import RetrievalQA\nfrom langchain.vectorstores import FAISS\nfrom langchain.embeddings import OpenAIEmbeddings\nfrom langchain.llms import OpenAI\n\n# 创建向量存储\nvectorstore = FAISS.from_documents(documents, OpenAIEmbeddings())\n\n# 创建 QA 链\nqa = RetrievalQA.from_chain_type(\n llm=OpenAI(),\n chain_type=\"stuff\",\n retriever=vectorstore.as_retriever()\n)\n\n# 提问\nanswer = qa.run(\"什么是 Next.js?\")\n```\n\n## 最佳实践\n\n1. **提示工程**: 精心设计 prompt 以获得更好的结果\n2. **上下文管理**: 控制输入长度,避免超出 token 限制\n3. **错误处理**: 妥善处理 API 错误和异常情况\n4. **成本优化**: 使用缓存、批处理等技术降低成本\n\n## 总结\n\nAI 应用开发充满机遇,结合 RAG 技术可以构建出强大的智能系统。动手实践是最好的学习方式!", "url": "https://blog.aitool-hub.cn/blog/ai-application-development-guide", "title": "AI 应用开发实战:从 GPT-4 到 RAG", "summary": "从零开始构建 AI 驱动的应用,结合 GPT-4 API 和 RAG(检索增强生成)技术,打造智能化的问答系统和知识助手...", "date_modified": "2024-01-05T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/spring-boot-microservices", "content_html": "Spring Boot 3.0 带来了许多新特性,本文介绍如何使用它构建微服务架构。\n\n## Spring Boot 3.0 新特性\n\n1. **Java 17 基线**: 必须使用 Java 17+\n2. **原生镜像支持**: GraalVM 原生镜像编译\n3. **可观测性**: Micrometer 和 Micrometer Tracing\n4. **Jakarta EE 9+**: 从 javax 迁移到 jakarta 包\n\n## 微服务架构核心组件\n\n### 1. 服务注册与发现\n\n使用 Spring Cloud Netflix Eureka:\n\n```xml\n\n org.springframework.cloud\n spring-cloud-starter-netflix-eureka-server\n\n```\n\n### 2. 配置中心\n\nSpring Cloud Config Server:\n\n```yaml\nspring:\n cloud:\n config:\n server:\n git:\n uri: https://github.com/your-org/config-repo\n```\n\n### 3. API 网关\n\nSpring Cloud Gateway:\n\n```java\n@Bean\npublic RouteLocator customRouteLocator(RouteLocatorBuilder builder) {\n return builder.routes()\n .route(\"user-service\", r -> r.path(\"/api/users/**\")\n .uri(\"lb://USER-SERVICE\"))\n .build();\n}\n```\n\n## 总结\n\nSpring Boot 3.0 为微服务架构提供了完整的解决方案,结合 Spring Cloud 生态,可以快速构建生产级别的分布式系统。", "url": "https://blog.aitool-hub.cn/blog/spring-boot-microservices", "title": "Spring Boot 3.0 微服务架构实践", "summary": "探索 Spring Boot 3.0 的新特性,构建可扩展的微服务架构,包括服务发现、配置中心、API 网关等核心组件...", "date_modified": "2023-12-28T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "后端开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/docker-kubernetes-deployment-guide", "content_html": "容器化技术已成为现代应用部署的标准。本文将介绍 Docker 和 Kubernetes 的核心概念与实践。\n\n## Docker 基础\n\n### Dockerfile 最佳实践\n\n```dockerfile\nFROM node:18-alpine AS builder\nWORKDIR /app\nCOPY package*.json ./\nRUN npm ci --only=production\nCOPY . .\nRUN npm run build\n\nFROM node:18-alpine\nWORKDIR /app\nCOPY --from=builder /app/dist ./dist\nCOPY --from=builder /app/node_modules ./node_modules\nEXPOSE 3000\nCMD [\"node\", \"dist/main.js\"]\n```\n\n## Kubernetes 核心概念\n\n### 1. Pod\n\n最小部署单元:\n\n```yaml\napiVersion: v1\nkind: Pod\nmetadata:\n name: my-app\nspec:\n containers:\n - name: app\n image: my-app:latest\n ports:\n - containerPort: 3000\n```\n\n### 2. Deployment\n\n管理 Pod 副本:\n\n```yaml\napiVersion: apps/v1\nkind: Deployment\nmetadata:\n name: my-app\nspec:\n replicas: 3\n selector:\n matchLabels:\n app: my-app\n template:\n metadata:\n labels:\n app: my-app\n spec:\n containers:\n - name: app\n image: my-app:latest\n```\n\n## 总结\n\n掌握 Docker 和 Kubernetes 是现代开发者的必备技能,它们能大大简化应用的部署和运维工作。", "url": "https://blog.aitool-hub.cn/blog/docker-kubernetes-deployment-guide", "title": "Docker 与 Kubernetes 容器化部署指南", "summary": "学习 Docker 容器技术和 Kubernetes 编排,实现应用的自动化部署、扩展和管理,构建云原生应用...", "date_modified": "2023-12-20T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "DevOps" ] }, { "id": "https://blog.aitool-hub.cn/blog/postgresql-performance-optimization", "content_html": "数据库性能优化是后端开发的重要技能。本文分享 PostgreSQL 性能优化的实战经验。\n\n## 索引优化\n\n### B-tree 索引\n\n最常用的索引类型:\n\n```sql\nCREATE INDEX idx_users_email ON users(email);\n```\n\n### 复合索引\n\n```sql\nCREATE INDEX idx_posts_category_date \nON posts(category_id, published_at DESC);\n```\n\n### 部分索引\n\n只索引需要的行:\n\n```sql\nCREATE INDEX idx_active_users \nON users(created_at) \nWHERE status = 'active';\n```\n\n## 查询优化\n\n### EXPLAIN ANALYZE\n\n分析查询计划:\n\n```sql\nEXPLAIN ANALYZE\nSELECT * FROM posts \nWHERE category_id = 1 \nORDER BY published_at DESC \nLIMIT 10;\n```\n\n### 避免 N+1 查询\n\n使用 JOIN 而非多次查询:\n\n```sql\n-- 不好: N+1 查询\nSELECT * FROM posts;\n-- 然后循环查询每篇文章的分类\n\n-- 好: 一次 JOIN\nSELECT p.*, c.name AS category_name\nFROM posts p\nJOIN categories c ON p.category_id = c.id;\n```\n\n## 连接池配置\n\n### pgBouncer\n\n```ini\n[databases]\nmydb = host=localhost port=5432 dbname=mydb\n\n[pgbouncer]\npool_mode = transaction\nmax_client_conn = 100\ndefault_pool_size = 20\n```\n\n## 总结\n\nPostgreSQL 性能优化需要理解数据库原理、合理使用索引、优化查询语句。持续监控和调优是关键。", "url": "https://blog.aitool-hub.cn/blog/postgresql-performance-optimization", "title": "PostgreSQL 性能优化实战", "summary": "深入 PostgreSQL 数据库优化,包括索引设计、查询优化、分区表、连接池配置等,大幅提升数据库性能...", "date_modified": "2023-12-15T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [ "数据库" ] }, { "id": "https://blog.aitool-hub.cn/blog/test-post-browser-automation", "content_html": "# 测试标题\n\n这是一篇通过浏览器自动化工具创建的测试文章。\n\n## 功能验证\n\n- 标题填写 ✅\n- URL 别名 ✅\n- 摘要 ✅\n- 分类选择 ✅\n- 标签选择 ✅\n- Markdown 内容 ✅\n\n## 代码示例\n\n```javascript\nconsole.log(\"Hello, World!\");\n```\n\n**测试完成！**", "url": "https://blog.aitool-hub.cn/blog/test-post-browser-automation", "title": "测试文章 - Browser自动化测试", "summary": "这是一篇通过浏览器自动化工具创建的测试文章", "date_modified": "1970-01-01T00:00:00.000Z", "author": { "name": "ChengJJ" }, "tags": [] }, { "id": "https://blog.aitool-hub.cn/blog/openclaw-beginner-guide", "content_html": "# OpenClaw 完全新手指南\n\nOpenClaw 是一个强大的 AI Agent 框架，让你能够轻松打造自己的智能助手。本指南将带你从零开始，快速上手 OpenClaw。\n\n## 什么是 OpenClaw？\n\nOpenClaw 是一个开源的 AI Agent 平台，它提供了：\n\n- 🤖 **多平台集成** - 支持微信、Telegram、Discord、CLI 等多种交互方式\n- 🛠️ **丰富的工具集** - 文件操作、终端命令、网页搜索、代码执行等\n- 🧠 **技能系统** - 可复用的任务模板和最佳实践\n- 📝 **记忆系统** - 跨会话的持久化记忆\n- 🔄 **多 Agent 协作** - 构建多 Agent 团队系统\n\n**在线体验**: [https://vercel-deploy-livid-nine.vercel.app/](https://vercel-deploy-livid-nine.vercel.app/)\n\n## 快速开始\n\n### 1. 环境准备\n\n**系统要求**:\n- Node.js 18+ 或 Python 3.10+\n- Git\n- 终端（Terminal/WSL）\n\n**推荐操作系统**:\n- macOS\n- Linux\n- Windows (WSL2)\n\n### 2. 安装 OpenClaw\n\n#### 方法一：NPM 安装（推荐）\n\n```bash\n# 全局安装\nnpm install -g openclaw\n\n# 验证安装\nopenclaw --version\n```\n\n#### 方法二：源码安装\n\n```bash\n# 克隆仓库\ngit clone https://github.com/openclaw/openclaw.git\ncd openclaw\n\n# 安装依赖\nnpm install\n\n# 构建项目\nnpm run build\n\n# 链接到全局\nnpm link\n```\n\n### 3. 配置 API Key\n\nOpenClaw 需要 LLM API Key 才能运行。支持多种提供商：\n\n#### OpenAI\n\n```bash\nexport OPENAI_API_KEY=\"sk-...\"\n```\n\n#### Anthropic Claude\n\n```bash\nexport ANTHROPIC_API_KEY=\"sk-ant-...\"\n```\n\n#### OpenRouter（推荐，支持多模型）\n\n```bash\nexport OPENROUTER_API_KEY=\"sk-or-...\"\n```\n\n**提示**: 建议将环境变量添加到 `~/.bashrc` 或 `~/.zshrc` 中，以便永久生效。\n\n### 4. 启动 OpenClaw\n\n#### CLI 模式（命令行交互）\n\n```bash\nopenclaw\n```\n\n启动后，你会看到交互式界面：\n\n```\nOpenClaw v1.0.0\nType 'help' for available commands\n\nYou: 你好\nAssistant: 你好！我是 OpenClaw AI 助手，有什么可以帮你的吗？\n```\n\n#### 单次命令模式\n\n```bash\nopenclaw \"创建一个 Python 脚本，输出 Hello World\"\n```\n\n#### 微信机器人模式\n\n```bash\nopenclaw --platform wechat\n```\n\n## 核心功能详解\n\n### 1. 文件操作\n\nOpenClaw 可以读取、写入、搜索文件：\n\n```\nYou: 读取 README.md 文件内容\nAssistant: [调用 read_file 工具] 文件内容如下...\n\nYou: 在当前目录创建一个 hello.py 文件，输出 Hello World\nAssistant: [调用 write_file 工具] 已创建文件 hello.py\n\nYou: 搜索所有包含 \"TODO\" 的文件\nAssistant: [调用 search_files 工具] 找到 3 个文件...\n```\n\n### 2. 终端命令\n\n执行系统命令：\n\n```\nYou: 列出当前目录的文件\nAssistant: [调用 terminal 工具]\n- src/\n- package.json\n- README.md\n...\n\nYou: 安装 express 依赖\nAssistant: [调用 terminal] npm install express\n已成功安装 express@4.18.2\n```\n\n### 3. 网页搜索\n\n搜索互联网信息：\n\n```\nYou: Next.js 15 有哪些新特性？\nAssistant: [调用 web_search 工具] \n根据搜索结果，Next.js 15 的主要新特性包括：\n1. Turbopack 稳定版\n2. React 19 支持\n3. 部分预渲染（PPR）\n...\n```\n\n### 4. 代码执行\n\n运行 Python 脚本处理复杂逻辑：\n\n```\nYou: 计算 1 到 100 的质数\nAssistant: [调用 execute_code 工具]\n执行 Python 代码...\n找到 25 个质数: [2, 3, 5, 7, 11, ...]\n```\n\n### 5. 技能系统\n\n使用预定义的技能模板：\n\n```\nYou: 使用 nextjs-vercel-website-deployment 技能创建一个博客\nAssistant: [加载技能]\n好的，我将按照以下步骤部署 Next.js 网站：\n1. 创建 Next.js 项目\n2. 初始化 Git 仓库\n3. 推送到 GitHub\n4. 部署到 Vercel\n...\n```\n\n**查看所有技能**:\n\n```bash\nopenclaw skills list\n```\n\n**创建自定义技能**:\n\n```bash\nopenclaw skills create my-skill\n```\n\n### 6. 记忆系统\n\nOpenClaw 会记住重要信息：\n\n```\nYou: 记住，我喜欢使用 TypeScript 而不是 JavaScript\nAssistant: [调用 memory 工具] 已记录：用户偏好 TypeScript\n\n# 下次对话\nYou: 创建一个 Web 项目\nAssistant: 好的，我将使用 TypeScript 创建项目... [自动应用记忆]\n```\n\n## 高级用法\n\n### 多 Agent 系统\n\n创建多个 Agent 协同工作：\n\n```yaml\n# team.yaml\nagents:\n - name: pm\n role: 项目经理\n personality: professional\n \n - name: dev\n role: 开发工程师\n personality: technical\n \n - name: designer\n role: UI 设计师\n personality: creative\n```\n\n启动团队：\n\n```bash\nopenclaw team start team.yaml\n```\n\n### 定时任务（Cron Jobs）\n\n设置定时执行的任务：\n\n```\nYou: 每天早上 9 点发送天气预报到我的邮箱\nAssistant: [调用 cronjob 工具]\n已创建定时任务：\n- 频率: 每天 09:00\n- 任务: 查询天气并发送邮件\n- 下次执行: 2026-05-12 09:00\n```\n\n### 后台进程管理\n\n运行长时间任务：\n\n```\nYou: 后台运行测试套件\nAssistant: [调用 terminal(background=true)]\n已启动后台进程 (session_id: proc_xxx)\n我会在测试完成后通知你。\n\n# 30 分钟后\nAssistant: [自动通知] 测试完成！通过 95/100 个测试用例。\n```\n\n## 配置文件\n\n### 全局配置\n\n位置：`~/.openclaw/config.yaml`\n\n```yaml\n# LLM 配置\nllm:\n provider: openrouter\n model: anthropic/claude-sonnet-4\n \n# 默认设置\ndefaults:\n personality: helpful\n language: zh-CN\n \n# 工具启用\ntoolsets:\n - file\n - terminal\n - web\n - skills\n \n# 记忆配置\nmemory:\n enabled: true\n max_entries: 100\n```\n\n### 项目配置\n\n在项目根目录创建 `.openclaw.yaml`：\n\n```yaml\n# 项目特定配置\nproject:\n name: my-website\n type: nextjs\n \n# 自动加载技能\nskills:\n - nextjs-development\n - vercel-deployment\n \n# 项目记忆\nmemory:\n - key: tech_stack\n value: Next.js 15 + TypeScript + Tailwind\n```\n\n## 常见问题\n\n### Q1: API Key 配置后仍然报错？\n\n**解决**:\n```bash\n# 检查环境变量\necho $OPENAI_API_KEY\n\n# 临时设置\nexport OPENAI_API_KEY=\"sk-...\"\n\n# 重启 OpenClaw\nopenclaw\n```\n\n### Q2: 如何切换模型？\n\n```bash\n# 使用 Claude\nopenclaw --model anthropic/claude-sonnet-4\n\n# 使用 GPT-4\nopenclaw --model openai/gpt-4-turbo\n```\n\n### Q3: 如何导出对话历史？\n\n```bash\nopenclaw export --session last --format markdown > session.md\n```\n\n### Q4: 技能加载失败？\n\n检查技能路径：\n\n```bash\n# 查看技能目录\nls ~/.openclaw/skills/\n\n# 验证技能格式\nopenclaw skills validate my-skill\n```\n\n### Q5: 如何更新 OpenClaw？\n\n```bash\n# NPM 安装方式\nnpm update -g openclaw\n\n# 源码安装方式\ncd openclaw\ngit pull\nnpm install\nnpm run build\n```\n\n## 最佳实践\n\n### 1. 编写清晰的指令\n\n❌ 不好的例子：\n```\n做一个网站\n```\n\n✅ 好的例子：\n```\n创建一个 Next.js 15 个人博客网站，要求：\n1. 使用 TypeScript\n2. 集成 Tailwind CSS\n3. 包含首页、博客列表、文章详情、关于页面\n4. 部署到 Vercel\n```\n\n### 2. 善用技能系统\n\n创建可复用的技能，避免重复劳动：\n\n```bash\n# 保存常用流程为技能\nopenclaw \"将刚才的操作保存为技能 deploy-nextjs-website\"\n```\n\n### 3. 定期清理会话\n\n```bash\n# 清理超过 30 天的会话\nopenclaw sessions clean --older-than 30d\n```\n\n### 4. 备份重要配置\n\n```bash\n# 备份配置和技能\ntar -czf openclaw-backup.tar.gz ~/.openclaw/\n```\n\n## 进阶资源\n\n- 📚 **官方文档**: https://docs.openclaw.ai\n- 💬 **社区论坛**: https://community.openclaw.ai\n- 🐛 **问题反馈**: https://github.com/openclaw/openclaw/issues\n- 💡 **技能市场**: https://skills.openclaw.ai\n\n## 下一步\n\n现在你已经掌握了 OpenClaw 的基础用法，建议：\n\n1. ✅ 尝试创建一个简单的项目（如 Todo App）\n2. ✅ 编写自己的第一个技能\n3. ✅ 加入社区，分享你的经验\n4. ✅ 探索高级功能（多 Agent 系统、定时任务等）\n\n**祝你使用愉快！** 🎉\n\n---\n\n*最后更新: 2026-05-11*\n", "url": "https://blog.aitool-hub.cn/blog/openclaw-beginner-guide", "title": "OpenClaw 完全新手指南", "summary": "从零开始学习 OpenClaw AI Agent 框架，快速打造属于你的智能助手。本指南涵盖安装配置、核心功能、高级用法和最佳实践。", "date_modified": "2026-05-11T09:10:57.000Z", "author": { "name": "程俊杰" }, "tags": [ "AI 开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/baoyu-skills-complete-guide", "content_html": "# BaoYu Skills 使用完全指南\n\nBaoYu Skills 是一个专为 AI Agent 设计的技能库，包含了大量实用的任务模板和最佳实践。本指南将详细介绍如何安装、使用和创建自己的技能。\n\n**项目地址**: [https://github.com/JimLiu/baoyu-skills](https://github.com/JimLiu/baoyu-skills)\n\n## 什么是 BaoYu Skills？\n\nBaoYu Skills 是一个开源的技能库，为 AI Agent（如 OpenClaw、Claude Code、Hermes）提供可复用的任务模板。\n\n### 核心优势\n\n- 📦 **开箱即用** - 100+ 预定义技能，覆盖开发、运维、数据分析等领域\n- 🎯 **最佳实践** - 每个技能都经过实战验证\n- 🔧 **易于扩展** - Markdown 格式，简单易懂\n- 🌟 **社区驱动** - 持续更新，欢迎贡献\n\n### 技能分类\n\nBaoYu Skills 包含以下分类：\n\n1. **软件开发** (software-development)\n - Next.js 开发和部署\n - Spring Boot 开发\n - 数据库迁移\n - API 集成调试\n - 系统化调试方法\n\n2. **DevOps** (devops)\n - Docker 部署\n - CI/CD 流程\n - 系统监控\n - 服务恢复\n\n3. **数据科学** (data-science)\n - Jupyter 笔记本交互\n - 数据清洗\n - 可视化\n\n4. **AI/ML** (mlops)\n - 模型训练\n - 模型部署\n - 评估和优化\n\n5. **自动化** (autonomous-ai-agents)\n - 多 Agent 协作\n - 任务调度\n - 进度监控\n\n## 快速开始\n\n### 1. 安装 BaoYu Skills\n\n#### 方法一：Git Clone（推荐）\n\n```bash\n# 克隆仓库到本地\ngit clone https://github.com/JimLiu/baoyu-skills.git\n\n# 进入目录\ncd baoyu-skills\n\n# 查看所有技能\nls -la skills/\n```\n\n#### 方法二：下载 ZIP\n\n访问 [GitHub Release](https://github.com/JimLiu/baoyu-skills/releases) 下载最新版本。\n\n### 2. 配置技能路径\n\n#### OpenClaw\n\n将技能库路径添加到配置中：\n\n```yaml\n# ~/.openclaw/config.yaml\nskills:\n paths:\n - ~/.openclaw/skills # 默认技能目录\n - ~/baoyu-skills/skills # BaoYu Skills 目录\n```\n\n或者，直接复制技能到默认目录：\n\n```bash\ncp -r baoyu-skills/skills/* ~/.openclaw/skills/\n```\n\n#### Hermes Agent\n\n```yaml\n# ~/.hermes/config.yaml\nskills:\n paths:\n - ~/.hermes/skills\n - ~/baoyu-skills/skills\n```\n\n### 3. 验证安装\n\n```bash\n# 列出所有技能（OpenClaw）\nopenclaw skills list\n\n# 列出所有技能（Hermes）\nhermes skills list\n\n# 查看特定技能\nopenclaw skills view nextjs-vercel-website-deployment\n```\n\n## 核心技能使用指南\n\n### 1. Next.js Vercel 网站部署\n\n**技能名称**: `nextjs-vercel-website-deployment`\n\n**用途**: 完整的 Next.js 项目创建和 Vercel 部署流程\n\n**使用方法**:\n\n```\nYou: 使用 nextjs-vercel-website-deployment 技能创建一个个人博客\nAssistant: [加载技能]\n好的，我将按照以下步骤创建并部署网站：\n\n1. 创建 Next.js 项目\n - 初始化 Next.js 15 + TypeScript\n - 安装 Tailwind CSS\n \n2. 开发核心页面\n - 首页（/）\n - 博客列表（/blog）\n - 文章详情（/blog/[id]）\n - 关于页面（/about）\n \n3. GitHub 配置\n - 初始化 Git 仓库\n - 创建 GitHub 远程仓库\n - 推送代码\n \n4. Vercel 部署\n - 安装 Vercel CLI\n - 关联项目\n - 部署到生产环境\n```\n\n**涉及的步骤**:\n- ✅ 项目初始化\n- ✅ 依赖安装\n- ✅ 代码开发\n- ✅ Git 版本控制\n- ✅ GitHub 推送\n- ✅ Vercel 部署\n- ✅ 环境变量配置\n\n### 2. 系统化调试（Systematic Debugging）\n\n**技能名称**: `systematic-debugging`\n\n**用途**: 遇到任何 Bug、测试失败或异常时的系统化调试方法\n\n**使用方法**:\n\n```\nYou: 我的 API 返回 500 错误，帮我调试\nAssistant: [加载 systematic-debugging 技能]\n\n开始系统化调试：\n\n第 1 步：复现问题\n- 当前环境：开发环境\n- 触发条件：访问 /api/posts\n- 错误信息：Internal Server Error (500)\n\n第 2 步：收集日志\n[调用 terminal] 查看服务器日志\n发现错误：TypeError: Cannot read property 'id' of undefined\n\n第 3 步：定位根因\n[调用 read_file] 读取 API 代码\n发现问题：缺少 null 检查\n\n第 4 步：修复问题\n[调用 patch] 添加 null 检查\nif (!user) {\n return res.status(401).json({ error: 'Unauthorized' });\n}\n\n第 5 步：验证修复\n[调用 terminal] 重启服务\n[调用 terminal] 测试 API\n✅ 问题已解决！\n```\n\n**调试流程**:\n1. **复现问题** - 确认问题存在\n2. **收集信息** - 日志、错误栈、环境\n3. **分析根因** - 代码审查、数据检查\n4. **制定方案** - 修复策略\n5. **实施修复** - 代码变更\n6. **验证修复** - 测试确认\n7. **文档记录** - 记录问题和解决方案\n\n### 3. Spring Boot + MyBatis-Plus 兼容性\n\n**技能名称**: `spring-boot-mybatis-plus-compatibility`\n\n**用途**: 解决 Spring Boot 和 MyBatis-Plus 版本兼容性问题\n\n**典型场景**:\n\n```\nYou: Spring Boot 3.2 无法启动，报 MyBatis-Plus 错误\nAssistant: [加载技能]\n\n诊断步骤：\n\n1. 检查版本兼容性\n - Spring Boot: 3.2.x\n - MyBatis-Plus: 3.5.3.1\n - ✅ 版本匹配\n\n2. 检查依赖冲突\n[调用 terminal] mvn dependency:tree\n发现冲突：mybatis-spring-boot-starter\n\n3. 修复方案\n[调用 patch] 更新 pom.xml\n排除冲突依赖，统一版本\n\n4. 重新构建\n[调用 terminal] mvn clean install\n✅ 构建成功！\n```\n\n### 4. Next.js + Giscus 评论集成\n\n**技能名称**: `nextjs-giscus-comments`\n\n**用途**: 在 Next.js 项目中集成 Giscus 评论系统\n\n**使用方法**:\n\n```\nYou: 为我的博客添加 Giscus 评论系统\nAssistant: [加载技能]\n\n集成步骤：\n\n1. 安装依赖\n[调用 terminal] npm install @giscus/react\n\n2. 创建评论组件\n[调用 write_file] app/components/Comments.tsx\n集成 Giscus React 组件\n\n3. 配置参数\n- repo: your-username/your-repo\n- repo-id: R_xxx\n- category: General\n- category-id: DIC_xxx\n\n4. 在文章页面引入\n[调用 patch] app/blog/[id]/page.tsx\n添加 组件\n\n5. 测试评论功能\n[调用 terminal] npm run dev\n访问文章页面，验证评论加载\n✅ 评论系统集成完成！\n```\n\n### 5. 前后端 API 集成调试\n\n**技能名称**: `frontend-backend-api-integration-fix`\n\n**用途**: 系统化诊断和修复前后端 API 集成问题\n\n**典型问题**:\n- 前端显示\"无数据\"\n- API 调用失败\n- 数据格式不匹配\n- 跨域错误\n\n**调试流程**:\n\n```\nYou: 前端页面显示\"无数据\"，但后端有数据\nAssistant: [加载技能]\n\n系统化诊断：\n\n第 1 层：前端验证\n1. 检查 API 调用\n [调用 read_file] src/api/posts.js\n 发现：URL 正确，请求方法正确\n\n2. 检查控制台错误\n [调用 vision_analyze] 浏览器截图\n 发现：返回数据是空数组\n\n第 2 层：网络层验证\n3. 检查网络请求\n [调用 terminal] curl http://localhost:8080/api/posts\n 返回：200 OK，数据正常\n\n第 3 层：后端验证\n4. 检查控制器代码\n [调用 read_file] PostController.java\n 发现：返回格式是 Result>\n\n5. 诊断问题\n 前端期望：{ data: [...] }\n 后端返回：{ code: 200, data: [...], msg: \"success\" }\n \n 问题：前端 Axios 拦截器双层包装导致 data 为空\n\n第 4 层：修复问题\n6. 修复拦截器\n [调用 patch] src/utils/request.js\n response.data.data -> response.data\n\n7. 验证修复\n [调用 terminal] npm run dev\n ✅ 数据正常显示！\n```\n\n## 进阶技能\n\n### 6. Next.js + NextAuth.js E2E 测试\n\n**技能名称**: `nextjs-nextauth-e2e-testing`\n\n**用途**: 端到端测试 Next.js + NextAuth.js 应用\n\n**测试场景**:\n- 登录流程\n- 认证状态\n- 权限控制\n- 会话管理\n\n### 7. PostgreSQL 触发器调试\n\n**技能名称**: `postgresql-trigger-function-debugging`\n\n**用途**: 调试 PostgreSQL 触发器函数错误\n\n**常见错误**:\n- ERROR 42883: function does not exist\n- 参数类型不匹配\n- 触发器逻辑错误\n\n### 8. 项目目录清理\n\n**技能名称**: `project-directory-cleanup`\n\n**用途**: 系统化清理混乱的项目目录结构\n\n**清理步骤**:\n1. 分析现有结构\n2. 设计新结构\n3. 迁移文件\n4. 更新引用路径\n5. 验证功能\n\n### 9. 子 Agent 驱动开发\n\n**技能名称**: `subagent-driven-development`\n\n**用途**: 使用多个独立 Agent 并行开发功能\n\n**适用场景**:\n- 大型功能开发\n- 独立模块开发\n- 并行任务处理\n\n### 10. 测试驱动开发（TDD）\n\n**技能名称**: `test-driven-development`\n\n**用途**: 在实现功能前先编写测试\n\n**TDD 流程**:\n1. **Red** - 编写失败的测试\n2. **Green** - 编写最小代码使测试通过\n3. **Refactor** - 重构代码\n4. 重复\n\n## 创建自定义技能\n\n### 技能文件结构\n\n```markdown\n---\nname: my-custom-skill\ndescription: 简短描述技能用途\ntriggers:\n - 关键词1\n - 关键词2\ncategory: software-development\n---\n\n# 技能名称\n\n## 概述\n简要说明技能的用途和适用场景。\n\n## 何时使用\n- 场景 1\n- 场景 2\n- 场景 3\n\n## 前置条件\n- 要求 1\n- 要求 2\n\n## 操作步骤\n\n### Step 1: 第一步标题\n详细说明...\n\n\\`\\`\\`bash\n# 示例命令\nnpm install xxx\n\\`\\`\\`\n\n### Step 2: 第二步标题\n详细说明...\n\n## 常见陷阱\n- ❌ 错误做法 1\n - 为什么错\n - 正确做法\n\n## 验证方法\n1. 验证步骤 1\n2. 验证步骤 2\n\n## 参考资料\n- [文档链接](https://example.com)\n```\n\n### 技能最佳实践\n\n1. **清晰的触发条件**\n - 定义明确的关键词\n - 描述适用场景\n\n2. **详细的步骤说明**\n - 编号的步骤\n - 实际的命令示例\n - 预期的输出\n\n3. **完整的错误处理**\n - 常见错误\n - 解决方案\n - 验证方法\n\n4. **丰富的示例**\n - 代码片段\n - 配置文件\n - 命令输出\n\n### 提交技能到 BaoYu Skills\n\n1. Fork 仓库\n2. 创建技能文件\n3. 测试技能\n4. 提交 Pull Request\n\n```bash\n# Fork 并克隆\ngit clone https://github.com/YOUR_USERNAME/baoyu-skills.git\ncd baoyu-skills\n\n# 创建分支\ngit checkout -b add-my-skill\n\n# 添加技能文件\ncat > skills/my-category/my-skill.md << 'EOF'\n---\nname: my-skill\ndescription: My awesome skill\ncategory: my-category\n---\n...\nEOF\n\n# 提交\ngit add skills/my-category/my-skill.md\ngit commit -m \"feat: add my-skill for doing something\"\ngit push origin add-my-skill\n\n# 在 GitHub 上创建 Pull Request\n```\n\n## 实战案例\n\n### 案例 1：部署个人博客\n\n**需求**: 创建并部署一个 Next.js 个人博客到 Vercel\n\n**使用的技能**:\n1. `nextjs-vercel-website-deployment` - 项目创建和部署\n2. `nextjs-neon-postgres-integration` - 数据库集成\n3. `nextjs-giscus-comments` - 评论系统\n\n**执行流程**:\n```\nYou: 帮我创建一个完整的个人博客，包含数据库和评论功能\nAssistant: [依次加载 3 个技能]\n\n1. 创建 Next.js 项目并部署\n ✅ 项目创建完成\n ✅ 推送到 GitHub\n ✅ 部署到 Vercel\n\n2. 集成 Neon Postgres 数据库\n ✅ 创建数据库\n ✅ 设计表结构\n ✅ 迁移数据\n \n3. 添加 Giscus 评论系统\n ✅ 安装依赖\n ✅ 配置组件\n ✅ 测试评论\n\n🎉 博客已完成！访问: https://your-blog.vercel.app\n```\n\n### 案例 2：修复生产环境 Bug\n\n**问题**: 生产环境 API 返回 500 错误\n\n**使用的技能**:\n1. `systematic-debugging` - 系统化调试\n2. `frontend-backend-api-integration-fix` - API 集成调试\n\n**调试流程**:\n```\nYou: 生产环境 API 突然 500 错误，帮我紧急修复\nAssistant: [加载 systematic-debugging]\n\n紧急响应流程：\n\n第 1 步：快速止损\n[调用 terminal] kubectl rollback deployment api\n✅ 回滚到上一个稳定版本\n\n第 2 步：复现问题\n[调用 terminal] 查看生产日志\n发现：数据库连接超时\n\n第 3 步：诊断根因\n[调用 terminal] 检查数据库状态\n发现：连接池耗尽（max 10, active 15）\n\n第 4 步：临时修复\n[调用 patch] 增加连接池大小到 50\n[调用 terminal] 重新部署\n\n第 5 步：验证修复\n[调用 terminal] curl 测试 API\n✅ 200 OK\n\n第 6 步：长期优化\n- 添加连接池监控\n- 优化慢查询\n- 设置告警\n\n✅ 问题已解决，系统恢复正常！\n```\n\n### 案例 3：项目重构\n\n**需求**: 清理混乱的项目目录结构\n\n**使用的技能**:\n1. `project-directory-cleanup` - 目录清理\n2. `systematic-debugging` - 验证功能\n\n**重构流程**:\n```\nYou: 我的项目目录很混乱，帮我重新组织\nAssistant: [加载 project-directory-cleanup]\n\n重构计划：\n\n第 1 步：分析现状\n当前结构：\n- 文件散乱\n- 命名不规范\n- 缺少分类\n\n第 2 步：设计新结构\n/src\n /components # React 组件\n /pages # 页面\n /utils # 工具函数\n /api # API 客户端\n /types # TypeScript 类型\n\n第 3 步：迁移文件\n[调用 terminal] 批量移动文件\n✅ 100 个文件已迁移\n\n第 4 步：更新导入路径\n[调用 search_files] 查找所有 import\n[调用 patch] 批量更新路径\n\n第 5 步：验证功能\n[调用 terminal] npm run test\n✅ 所有测试通过\n\n🎉 项目重构完成！\n```\n\n## 技能目录\n\n### 按分类浏览\n\n#### 软件开发 (40+ 技能)\n- nextjs-vercel-website-deployment\n- nextjs-giscus-comments\n- nextjs-neon-postgres-integration\n- spring-boot-mybatis-plus-compatibility\n- systematic-debugging\n- test-driven-development\n- ... 更多\n\n#### DevOps (15+ 技能)\n- hermes-agent-hang-recovery\n- pm-agent-hang-prevention\n- system-monitor-script-debugging\n- webhook-subscriptions\n- ... 更多\n\n#### AI/ML (20+ 技能)\n- dspy\n- trl-fine-tuning\n- grpo-rl-training\n- pytorch-fsdp\n- ... 更多\n\n#### 数据科学 (10+ 技能)\n- jupyter-live-kernel\n- ... 更多\n\n#### 自动化 (15+ 技能)\n- hermes-multi-agent-team\n- subagent-driven-development\n- ... 更多\n\n### 按用途浏览\n\n#### 快速开发\n- nextjs-vercel-website-deployment\n- wordpress-to-nextjs-vercel-migration\n- nextjs-supabase-admin-setup\n\n#### 问题调试\n- systematic-debugging\n- frontend-backend-api-integration-fix\n- spring-security-login-401-debugging\n- mybatis-plus-field-mapping-debugging\n\n#### 性能优化\n- nextjs-supabase-query-optimization\n- nextjs-server-component-hot-reload\n\n#### 项目管理\n- writing-plans\n- requesting-code-review\n- project-directory-cleanup\n\n## 常见问题\n\n### Q1: 技能加载失败？\n\n**检查清单**:\n```bash\n# 1. 检查路径配置\ncat ~/.openclaw/config.yaml | grep skills\n\n# 2. 验证技能文件存在\nls ~/baoyu-skills/skills/\n\n# 3. 检查文件格式\nopenclaw skills validate my-skill\n\n# 4. 查看错误日志\nopenclaw --debug\n```\n\n### Q2: 如何更新技能库？\n\n```bash\ncd ~/baoyu-skills\ngit pull origin main\n```\n\n### Q3: 技能执行不符合预期？\n\n1. 阅读技能文档中的\"常见陷阱\"章节\n2. 检查前置条件是否满足\n3. 按照步骤逐一验证\n4. 提交 Issue 反馈问题\n\n### Q4: 如何贡献新技能？\n\n参考\"创建自定义技能\"章节，然后：\n1. Fork 仓库\n2. 创建技能文件\n3. 测试技能\n4. 提交 Pull Request\n\n## 进阶资源\n\n- 📚 **GitHub 仓库**: https://github.com/JimLiu/baoyu-skills\n- 💬 **讨论区**: https://github.com/JimLiu/baoyu-skills/discussions\n- 🐛 **问题反馈**: https://github.com/JimLiu/baoyu-skills/issues\n- 📖 **贡献指南**: https://github.com/JimLiu/baoyu-skills/blob/main/CONTRIBUTING.md\n\n## 总结\n\nBaoYu Skills 是一个强大的技能库，能够显著提升 AI Agent 的开发效率。通过：\n\n1. ✅ **使用现有技能** - 开箱即用，快速解决问题\n2. ✅ **创建自定义技能** - 沉淀经验，构建知识库\n3. ✅ **贡献社区** - 分享技能，帮助他人\n\n你可以打造一个高效的 AI 开发工作流。\n\n**立即开始**: `git clone https://github.com/JimLiu/baoyu-skills.git`\n\n---\n\n*最后更新: 2026-05-11*\n", "url": "https://blog.aitool-hub.cn/blog/baoyu-skills-complete-guide", "title": "BaoYu Skills 使用完全指南", "summary": "详细介绍 BaoYu Skills 技能库的安装、使用和扩展方法。掌握 100+ 实用技能，提升 AI Agent 开发效率。", "date_modified": "2026-05-11T09:10:57.000Z", "author": { "name": "程俊杰" }, "tags": [ "AI 开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/hermes-agent-skills-guide-2026", "content_html": "# Hermes Agent 高价值技能清单：50+实用Skills精选指南\n\n> 基于各平台公开安装热度数据，本文梳理了50余个经市场验证的实用Skills，涵盖核心基础、内容创作、视觉设计、编程开发及数据增长五大场景。\n\n---\n\n## 概述\n\n随着Agent生态的持续扩容，SkillsMP平台收录量已突破20万，GitHub相关开源项目累计超6万个。面对海量工具，如何高效筛选高价值Skills成为提升人效的关键。\n\n本文基于各平台公开安装热度数据，为不同职业背景的用户提供精准的工具集成参考，帮助你快速找到最适合的Skills，避免无效安装，真正实现人效的飞跃。\n\n---\n\n## 一、Agent核心基础类\n\n**适用人群**：Agent开发者、自动化流程设计者、技术实践者\n\n此类Skills主要用于构建Agent运行的底层能力，支撑复杂任务调度与外部系统联动。\n\n### 1. find-skills\n**安装热度**：251.5K \n**功能描述**：生态内搜索效率工具，快速定位目标Skills \n**使用场景**：当你不确定某个功能是否有现成的Skill时，使用此工具快速搜索 \n**安装方式**：\n```bash\nhermes skills install find-skills\n```\n\n### 2. skill-creator\n**安装热度**：37.4K \n**功能描述**：将标准化流程封装为可复用Skill模块 \n**使用场景**：当你有重复性的工作流程需要自动化时，可以用此工具创建自定义Skill \n**安装方式**：\n```bash\nhermes skills install skill-creator\n```\n\n### 3. mcp-builder\n**安装热度**：9.9K \n**功能描述**：搭建MCP服务桥梁，打通AI与外部数据源 \n**使用场景**：需要连接外部API、数据库或第三方服务时使用 \n**安装方式**：\n```bash\nhermes skills install mcp-builder\n```\n\n### 4. using-superpowers\n**安装热度**：8.2K \n**功能描述**：优化高级能力调用策略，释放模型潜能 \n**使用场景**：提升Agent的推理能力和任务执行效率 \n**安装方式**：\n```bash\nhermes skills install using-superpowers\n```\n\n### 5. subagent-driven-development\n**安装热度**：7.8K \n**功能描述**：实现多Agent协同分工与结果校验 \n**使用场景**：复杂项目需要多个Agent协作完成时使用 \n**安装方式**：\n```bash\nhermes skills install subagent-driven-development\n```\n\n### 6. agent-tools\n**安装热度**：4.5K \n**功能描述**：集成高频实用工具集，扩展基础功能 \n**使用场景**：需要快速集成常用工具（文件操作、网络请求等）时使用 \n**安装方式**：\n```bash\nhermes skills install agent-tools\n```\n\n---\n\n## 二、内容创作与思维辅助类\n\n**适用人群**：内容创作者、文案策划、自媒体运营人员\n\n覆盖灵感激发、结构搭建、文案优化全流程，能够显著提升内容产出质效。\n\n### 1. brainstorming\n**安装热度**：22.1K \n**功能描述**：关键词驱动多角度创意发散 \n**使用场景**：需要快速生成创意点子、头脑风暴时使用 \n**安装方式**：\n```bash\nhermes skills install brainstorming\n```\n\n### 2. copywriting\n**安装热度**：15.3K \n**功能描述**：结构化文案撰写支持，强化逻辑与表达 \n**使用场景**：撰写营销文案、产品描述、广告语时使用 \n**安装方式**：\n```bash\nhermes skills install copywriting\n```\n\n### 3. systematic-debugging\n**安装热度**：12.3K \n**功能描述**：系统性问题排查框架，适用于方案复盘 \n**使用场景**：项目复盘、问题分析、故障排查时使用 \n**安装方式**：\n```bash\nhermes skills install systematic-debugging\n```\n\n### 4. writing-plans\n**安装热度**：10.7K \n**功能描述**：生成写作大纲与执行路径，降低长文启动门槛 \n**使用场景**：撰写长文、报告、论文时快速生成结构大纲 \n**安装方式**：\n```bash\nhermes skills install writing-plans\n```\n\n### 5. content-strategy\n**安装热度**：9.9K \n**功能描述**：规划内容选题与发布节奏 \n**使用场景**：自媒体运营、公众号策划时制定内容日历 \n**安装方式**：\n```bash\nhermes skills install content-strategy\n```\n\n### 6. executing-plans\n**安装热度**：9.2K \n**功能描述**：拆解宏观目标为可执行步骤 \n**使用场景**：项目管理、任务拆解时使用 \n**安装方式**：\n```bash\nhermes skills install executing-plans\n```\n\n### 7. marketing-ideas\n**安装热度**：9.0K \n**功能描述**：营销场景创意生成辅助 \n**使用场景**：策划营销活动、推广方案时快速生成创意 \n**安装方式**：\n```bash\nhermes skills install marketing-ideas\n```\n\n### 8. copy-editing\n**安装热度**：8.6K \n**功能描述**：文案润色与语法校对 \n**使用场景**：文章修改、校对、润色时使用 \n**安装方式**：\n```bash\nhermes skills install copy-editing\n```\n\n### 9. social-content\n**安装热度**：8.6K \n**功能描述**：适配多平台风格的社交媒体内容生成 \n**使用场景**：小红书、抖音、微博等平台的内容创作 \n**安装方式**：\n```bash\nhermes skills install social-content\n```\n\n### 10. reflection\n**安装热度**：7.0K \n**功能描述**：结构化复盘模板，沉淀项目经验 \n**使用场景**：项目结束后进行经验总结和反思 \n**安装方式**：\n```bash\nhermes skills install reflection\n```\n\n---\n\n## 三、设计与视觉生成类\n\n**适用人群**：运营人员、产品经理、需自主完成设计任务的职场人\n\n此类工具旨在降低视觉创作门槛，赋能非设计背景用户产出专业级素材。\n\n### 1. web-design-guidelines\n**安装热度**：107.0K \n**功能描述**：网页设计规范库，规避生成内容廉价感 \n**使用场景**：设计网站、落地页时参考专业设计规范 \n**安装方式**：\n```bash\nhermes skills install web-design-guidelines\n```\n\n### 2. frontend-design\n**安装热度**：76.4K \n**功能描述**：前端界面美学设计支持，提升页面层次 \n**使用场景**：前端开发时快速生成美观的UI界面 \n**安装方式**：\n```bash\nhermes skills install frontend-design\n```\n\n### 3. ui-ux-pro-max\n**安装热度**：29.1K \n**功能描述**：集成UX设计原则与交互逻辑 \n**使用场景**：产品设计、用户体验优化时使用 \n**安装方式**：\n```bash\nhermes skills install ui-ux-pro-max\n```\n\n### 4. canvas-design\n**安装热度**：8.5K \n**功能描述**：封面/海报等视觉设计工具，无需专业软件 \n**使用场景**：快速制作公众号封面、活动海报 \n**安装方式**：\n```bash\nhermes skills install canvas-design\n```\n\n### 5. tailwind-design-system\n**安装热度**：8.0K \n**功能描述**：Tailwind CSS专属设计系统 \n**使用场景**：使用Tailwind CSS开发时快速构建设计系统 \n**安装方式**：\n```bash\nhermes skills install tailwind-design-system\n```\n\n### 6. baoyu-cover-image\n**安装热度**：3.6K \n**功能描述**：中文场景优化的封面生成 \n**使用场景**：生成符合中文审美的文章封面 \n**安装方式**：\n```bash\nhermes skills install baoyu-cover-image\n```\n\n### 7. baoyu-comic\n**安装热度**：3.3K \n**功能描述**：漫画风格图像生成 \n**使用场景**：生成漫画风格的插图、表情包 \n**安装方式**：\n```bash\nhermes skills install baoyu-comic\n```\n\n### 8. baoyu-infographic\n**安装热度**：3.0K \n**功能描述**：数据可视化信息图制作 \n**使用场景**：制作数据报告、信息图表 \n**安装方式**：\n```bash\nhermes skills install baoyu-infographic\n```\n\n### 9. ai-image-generation\n**安装热度**：667 \n**功能描述**：基础图像生成支持 \n**使用场景**：通用图像生成需求 \n**安装方式**：\n```bash\nhermes skills install ai-image-generation\n```\n\n### 10. algorithmic-art\n**安装热度**：367 \n**功能描述**：算法驱动艺术图案创作 \n**使用场景**：生成抽象艺术、几何图案 \n**安装方式**：\n```bash\nhermes skills install algorithmic-art\n```\n\n---\n\n## 四、编程与产品开发类\n\n**适用人群**：前端开发、全栈工程师、产品经理\n\n注入工程最佳实践，加速产品迭代与代码质量提升。\n\n### 1. vercel-react-best-practices\n**安装热度**：141.5K \n**功能描述**：React开发全流程规范 \n**使用场景**：React项目开发时遵循最佳实践 \n**安装方式**：\n```bash\nhermes skills install vercel-react-best-practices\n```\n\n### 2. remotion-best-practices\n**安装热度**：96.2K \n**功能描述**：Remotion视频框架开发指南 \n**使用场景**：使用Remotion制作程序化视频时参考 \n**安装方式**：\n```bash\nhermes skills install remotion-best-practices\n```\n\n### 3. vercel-composition-patterns\n**安装热度**：44.7K \n**功能描述**：React组件组合模式库 \n**使用场景**：React组件设计时参考组合模式 \n**安装方式**：\n```bash\nhermes skills install vercel-composition-patterns\n```\n\n### 4. agent-browser\n**安装热度**：41.9K \n**功能描述**：Agent浏览器操作能力，如表单填写、数据抓取等 \n**使用场景**：自动化测试、数据抓取、表单填写 \n**安装方式**：\n```bash\nnpm i -g agent-browser && agent-browser install\n```\n\n### 5. browser-use\n**安装热度**：32.6K \n**功能描述**：网页内容视觉识别与交互支持 \n**使用场景**：需要与网页进行复杂交互时使用 \n**安装方式**：\n```bash\nhermes skills install browser-use\n```\n\n### 6. vercel-react-native-skills\n**安装热度**：32.0K \n**功能描述**：React Native移动端开发规范 \n**使用场景**：React Native移动应用开发时参考 \n**安装方式**：\n```bash\nhermes skills install vercel-react-native-skills\n```\n\n### 7. supabase-postgres-best-practices\n**安装热度**：19.5K \n**功能描述**：数据库开发最佳实践 \n**使用场景**：使用Supabase或PostgreSQL数据库时参考 \n**安装方式**：\n```bash\nhermes skills install supabase-postgres-best-practices\n```\n\n---\n\n## 五、数据调研与增长分析类\n\n**适用人群**：市场分析师、SEO专员、数据研究人员\n\n专注于数据获取、市场分析及SEO优化，帮助用户通过数据驱动业务决策。\n\n### 1. perplexity-research\n**安装热度**：8.2K \n**功能描述**：深度搜索与综合研究工具 \n**使用场景**：行业研究、竞品分析、深度调研 \n**安装方式**：\n```bash\nhermes skills install perplexity-research\n```\n\n### 2. serper-dev\n**安装热度**：3.5K \n**功能描述**：谷歌搜索结果实时获取 \n**使用场景**：需要实时获取Google搜索结果时使用 \n**安装方式**：\n```bash\nhermes skills install serper-dev\n```\n**注意**：需要配置Serper API密钥\n\n### 3. search\n**安装热度**：3.4K \n**功能描述**：通用搜索能力集成 \n**使用场景**：通用搜索需求 \n**安装方式**：\n```bash\nhermes skills install search\n```\n\n### 4. baidu-search\n**安装热度**：1.3K \n**功能描述**：百度搜索结果集成 \n**使用场景**：针对中文市场的搜索需求 \n**安装方式**：\n```bash\nhermes skills install baidu-search\n```\n\n### 5. seo-analyzer\n**安装热度**：1.3K \n**功能描述**：网页SEO健康度分析 \n**使用场景**：网站SEO优化、关键词分析 \n**安装方式**：\n```bash\nhermes skills install seo-analyzer\n```\n\n---\n\n## 使用建议\n\n### 1. 按需安装，避免冗余\n不要一次性安装所有Skills，根据实际工作场景选择最相关的3-5个即可。过多的Skills会增加系统负担，反而降低效率。\n\n### 2. 优先安装高热度Skills\n安装热度往往代表了市场验证和社区支持度，优先选择热度高的Skills可以获得更好的使用体验和技术支持。\n\n### 3. 定期更新Skills\nSkills会持续迭代更新，建议定期执行更新命令：\n```bash\nhermes skills update\n```\n\n### 4. 学会组合使用\n很多复杂任务需要多个Skills配合完成，例如：\n- **内容创作流程**：brainstorming → writing-plans → copywriting → copy-editing\n- **前端开发流程**：web-design-guidelines → frontend-design → vercel-react-best-practices\n- **数据分析流程**：search → perplexity-research → seo-analyzer\n\n### 5. 自定义Skill\n当现有Skills无法满足需求时，使用 `skill-creator` 创建自己的Skill，将重复性工作流程自动化。\n\n---\n\n## 常见问题\n\n### Q1: 如何查看已安装的Skills？\n```bash\nhermes skills list\n```\n\n### Q2: 如何卸载不需要的Skills？\n```bash\nhermes skills uninstall \n```\n\n### Q3: Skills安装失败怎么办？\n1. 检查网络连接\n2. 确认Hermes版本是否最新\n3. 查看错误日志：`hermes logs`\n4. 访问官方文档或社区寻求帮助\n\n### Q4: 如何查看Skill的详细文档？\n```bash\nhermes skills info \n```\n\n---\n\n## 总结\n\n本文梳理的50+高价值Skills涵盖了从底层构建到具体业务场景的各类实用工具。用户可结合自身工作流需求按需集成，避免无效安装，从而真正实现人效的飞跃。\n\n随着Agent生态的持续发展，会有更多优质Skills涌现。建议定期关注SkillsMP平台和GitHub社区，及时发现和尝试新的工具，持续优化自己的工作流。\n\n---\n\n**相关资源**：\n- [Hermes Agent 官方文档](https://github.com/hermes-agent)\n- [SkillsMP 平台](https://skillsmp.com)\n- [GitHub Agent Skills 仓库](https://github.com/topics/agent-skills)\n\n---\n\n*本文基于2026年5月公开数据整理，安装热度数据会随时间变化，仅供参考。*\n", "url": "https://blog.aitool-hub.cn/blog/hermes-agent-skills-guide-2026", "title": "Hermes Agent 高价值技能清单：50+实用Skills精选指南", "summary": "基于各平台公开安装热度数据，本文梳理了50余个经市场验证的实用Skills，涵盖核心基础、内容创作、视觉设计、编程开发及数据增长五大场景。", "date_modified": "2026-05-15T09:23:06.000Z", "author": { "name": "ChengJJ" }, "tags": [ "前端开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/t", "content_html": "dsadsa", "url": "https://blog.aitool-hub.cn/blog/t", "title": "Test", "date_modified": "2026-05-18T09:34:45.000Z", "author": { "name": "成俊杰" }, "tags": [] }, { "id": "https://blog.aitool-hub.cn/blog/hermes-agent-skills-guide", "content_html": "AI 助手的能力边界在哪里？答案是：取决于你为它配备了什么样的工具箱。\n\n在 2025-2026 年，AI Agent 生态进入了快速发展期，而 **Skills 系统**正是这场革命的核心引擎。Hermes Agent 作为开源 AI 助手框架，其 Skills 生态已经成为提升 AI 助手能力的关键。\n\n本文将深入探讨 Hermes Agent Skills 的方方面面，帮助你构建真正强大的 AI 助手。\n\n---\n\n## 一、什么是 Hermes Agent Skills？\n\n### 1.1 核心概念\n\n**Skills（技能）** 是 Hermes Agent 的能力扩展模块，类似于：\n- 浏览器的插件（Chrome Extensions）\n- VSCode 的扩展（Extensions）\n- Obsidian 的插件（Plugins）\n\n每个 Skill 都是一个独立的功能模块，包含：\n\n```yaml\n---\nname: skill-name\ndescription: 技能描述\nauthor: 作者名\nversion: 1.0.0\ntags: [标签1, 标签2]\n---\n\n# 技能正文内容（Markdown）\n\n## 触发条件\n何时应该使用这个技能\n\n## 工作流程\n1. 第一步\n2. 第二步\n3. 第三步\n\n## 注意事项\n- 注意点1\n- 注意点2\n```\n\n### 1.2 Skills 的价值\n\n**1. 专业知识注入**\n- 将特定领域的最佳实践固化为可复用流程\n- 例如：`github-pr-workflow` 技能包含了完整的 PR 提交规范\n\n**2. 工作流自动化**\n- 将多步骤任务标准化\n- 例如：`test-driven-development` 强制执行 TDD 流程\n\n**3. 减少重复指令**\n- 不再需要每次都详细描述需求\n- 一句\"使用 X 技能\"即可触发完整流程\n\n**4. 团队知识传承**\n- 将经验转化为文档\n- 新人通过技能快速上手\n\n---\n\n## 二、Hermes Agent Skills 生态概览\n\n截至 2026 年 5 月，Hermes Agent 拥有 **200+ 社区贡献的技能**，涵盖以下领域：\n\n### 2.1 技能分类体系\n\n| 分类 | 技能数量 | 典型应用场景 |\n|------|---------|------------|\n| **软件开发** | 50+ | 代码审查、测试、部署、调试 |\n| **自主 AI Agents** | 20+ | 多 Agent 协作、任务委派 |\n| **创意设计** | 30+ | ASCII 艺术、架构图、视频生成 |\n| **数据科学** | 15+ | Jupyter、数据分析 |\n| **DevOps** | 25+ | Kanban、监控、恢复 |\n| **GitHub 工作流** | 18+ | PR、Issue、代码审查 |\n| **MLOps** | 40+ | 模型训练、部署、评估 |\n| **生产力工具** | 30+ | 笔记、文档、日程管理 |\n\n### 2.2 核心技能推荐\n\n#### 🎯 **必装技能 TOP 10**\n\n1. **hermes-agent** - Hermes 自身配置管理\n2. **superpowers** - 工程化方法论（using-superpowers）\n3. **systematic-debugging** - 系统化调试流程\n4. **github-pr-workflow** - GitHub 协作规范\n5. **nextjs-server-component-debugging** - Next.js 调试\n6. **spring-boot-mybatis-compatibility** - Spring Boot 开发\n7. **obsidian** - Obsidian 笔记管理\n8. **jupyter-live-kernel** - 数据科学交互式环境\n9. **comfyui** - AI 图像/视频生成\n10. **kanban-orchestrator** - 项目管理看板\n\n---\n\n## 三、如何使用 Skills？\n\n### 3.1 基础使用方法\n\n#### **方式一：自动触发**\n\nHermes Agent 会根据对话上下文自动加载相关技能：\n\n```\n你：帮我 review 这个 PR\nAI：（自动加载 github-code-review 技能）\n 正在使用 github-code-review 技能分析代码...\n```\n\n#### **方式二：显式调用**\n\n```\n你：使用 test-driven-development 技能开发登录功能\nAI：（强制使用 TDD 流程）\n ✅ 第一步：编写失败的测试\n ✅ 第二步：实现最小代码使测试通过\n ✅ 第三步：重构优化\n```\n\n### 3.2 查看可用技能\n\n```bash\n# 列出所有技能\nhermes skills list\n\n# 按分类查看\nhermes skills list --category software-development\n\n# 搜索技能\nhermes skills search \"debugging\"\n```\n\n### 3.3 查看技能详情\n\n```bash\n# 查看技能完整内容\nhermes skills view nextjs-server-component-debugging\n\n# 查看技能的关联文件\nhermes skills view nextjs-server-component-debugging --files\n```\n\n---\n\n## 四、自定义 Skills 开发\n\n### 4.1 何时应该创建自定义技能？\n\n满足以下任一条件：\n\n- ✅ 任务需要 5+ 工具调用\n- ✅ 遇到棘手问题并找到解决方案\n- ✅ 有重复性的工作流程\n- ✅ 需要团队标准化的操作规范\n- ✅ 用户明确要求\"记住这个方法\"\n\n### 4.2 技能文件结构\n\n```\n~/.hermes/skills/\n├── software-development/\n│ ├── systematic-debugging/\n│ │ ├── SKILL.md # 主文件（必需）\n│ │ ├── references/ # 参考资料\n│ │ │ └── error-codes.md\n│ │ ├── templates/ # 模板文件\n│ │ │ └── bug-report.md\n│ │ ├── scripts/ # 辅助脚本\n│ │ │ └── collect-logs.sh\n│ │ └── assets/ # 资源文件\n│ │ └── diagram.png\n```\n\n### 4.3 技能开发模板\n\n```markdown\n---\nname: my-custom-skill\ndescription: 简短描述这个技能的用途\nauthor: your-name\nversion: 1.0.0\ntags: [tag1, tag2]\n---\n\n# {技能名称}\n\n## 触发条件\n\n在以下场景中使用这个技能：\n- 场景1\n- 场景2\n\n## 前置条件\n\n- 需要安装的工具\n- 需要的权限\n- 需要的环境变量\n\n## 工作流程\n\n### 第一步：准备阶段\n1. 具体操作1\n2. 具体操作2\n\n### 第二步：执行阶段\n\\`\\`\\`bash\n# 示例命令\ncommand --arg value\n\\`\\`\\`\n\n### 第三步：验证阶段\n- 检查项1\n- 检查项2\n\n## 常见陷阱\n\n### ⚠️ 陷阱1：问题描述\n**症状**：\n- 现象1\n- 现象2\n\n**原因**：根本原因分析\n\n**解决方案**：\n\\`\\`\\`bash\nsolution command\n\\`\\`\\`\n\n## 最佳实践\n\n- 建议1\n- 建议2\n\n## 相关技能\n\n- `related-skill-1`\n- `related-skill-2`\n```\n\n### 4.4 技能管理命令\n\n```bash\n# 创建新技能\nhermes skills create my-skill --category devops\n\n# 编辑技能\nhermes skills edit my-skill\n\n# 删除技能\nhermes skills delete my-skill\n\n# 添加关联文件\nhermes skills add-file my-skill references/api-docs.md\n```\n\n---\n\n## 五、高级应用场景\n\n### 5.1 多技能组合\n\n某些复杂任务需要多个技能协同工作：\n\n```\n你：构建一个 Next.js 博客系统，要求 TDD 开发并提交 PR\n\nAI 工作流：\n1. 加载 writing-plans 技能 → 生成实现计划\n2. 加载 test-driven-development 技能 → 强制 TDD 流程\n3. 加载 nextjs-vercel-deployment 技能 → 配置部署\n4. 加载 github-pr-workflow 技能 → 提交规范 PR\n```\n\n### 5.2 技能链（Skill Chains）\n\n某些技能会自动触发其他技能：\n\n```\nsystematic-debugging 技能\n ↓\n 检测到 Next.js 500 错误\n ↓\n 自动加载 nextjs-production-500-debugging 技能\n ↓\n 发现是 TypeScript 类型错误\n ↓\n 自动加载 nextjs-production-typescript-debug 技能\n```\n\n### 5.3 项目级技能配置\n\n在项目根目录创建 `.hermesrc`：\n\n```yaml\nskills:\n enabled:\n - systematic-debugging\n - github-pr-workflow\n - nextjs-server-component-debugging\n disabled:\n - wordpress-development\n \n custom_triggers:\n - pattern: \"debug.*500 error\"\n skill: nextjs-production-500-debugging\n```\n\n---\n\n## 六、Skills 生态的未来\n\n### 6.1 社区发展趋势\n\n1. **插件市场化**\n - 官方技能商店（类似 VSCode Marketplace）\n - 技能评分和评论系统\n - 一键安装和更新\n\n2. **智能推荐**\n - 基于项目类型自动推荐技能\n - 根据使用习惯个性化推荐\n\n3. **跨平台兼容**\n - Hermes、Claude Code、OpenClaw 技能互通\n - 统一的技能格式标准\n\n### 6.2 企业级应用\n\n1. **内部技能库**\n - 企业可以构建私有技能库\n - 沉淀公司特有的最佳实践\n\n2. **合规与安全**\n - 敏感操作审计\n - 权限分级管理\n\n3. **团队协作**\n - 技能共享与版本管理\n - 团队技能使用统计\n\n---\n\n## 七、实战案例\n\n### 案例 1：使用 Skills 修复生产 Bug\n\n**场景**：Next.js 网站生产环境突然 500 错误\n\n```\n你：生产环境 500 错误，但本地正常\n\nAI（加载 systematic-debugging）：\n1. 收集信息阶段\n - Vercel 日志分析 ✓\n - 错误堆栈提取 ✓\n \n2. 环境差异对比\n - 发现：生产使用 Node 20，本地 Node 18\n \n3. 加载 nextjs-production-500-debugging\n - 检查 Server Component 使用\n - 发现：使用了浏览器 API window 对象\n \n4. 定位根因\n - 某组件缺少 'use client' 指令\n \n5. 修复方案\n - 添加 'use client'\n - 部署验证\n \n✅ 问题解决，总耗时：8 分钟\n```\n\n### 案例 2：自动化 PR 审查流程\n\n```\n你：审查 PR #123\n\nAI（加载 github-code-review）：\n1. 获取 PR diff\n2. 静态分析\n - 代码质量检查 ✓\n - 安全扫描 ✓\n - 性能分析 ✓\n3. 生成审查报告\n4. 提交 inline comments\n5. 更新 PR 状态\n\n✅ 完整审查流程自动化\n```\n\n---\n\n## 八、常见问题\n\n### Q1: 技能太多会影响性能吗？\n\n**A**: Hermes 使用智能加载机制：\n- 只在需要时加载技能（懒加载）\n- 小型技能（<10KB）几乎无性能影响\n- 建议：保留常用技能，定期清理不用的\n\n### Q2: 如何选择合适的技能？\n\n**A**: 遵循以下原则：\n1. 从官方推荐列表开始\n2. 根据项目类型选择（Next.js / Spring Boot 等）\n3. 团队协作项目优先选择工作流规范类技能\n4. 个人项目优先选择效率提升类技能\n\n### Q3: 技能冲突怎么办？\n\n**A**: Hermes 有冲突检测机制：\n```bash\nhermes skills check-conflicts\n```\n- 自动检测并提示冲突\n- 可以设置技能优先级\n- 可以禁用某些技能\n\n### Q4: 如何更新技能？\n\n**A**: 两种更新方式：\n```bash\n# 更新单个技能\nhermes skills update skill-name\n\n# 更新所有技能\nhermes skills update --all\n```\n\n---\n\n## 九、总结\n\nHermes Agent Skills 系统是 AI 助手能力的倍增器。通过合理使用技能：\n\n✅ **效率提升**：重复性工作自动化 \n✅ **质量保证**：最佳实践固化 \n✅ **知识传承**：经验文档化 \n✅ **团队协作**：标准化工作流程 \n\n### 推荐行动计划\n\n**第 1 周**：熟悉基础\n- 安装 10 个核心技能\n- 学习技能查看和调用\n- 体验自动触发机制\n\n**第 2-4 周**：深度使用\n- 在实际项目中使用技能\n- 观察效率提升情况\n- 记录遇到的问题\n\n**第 2 个月**：进阶定制\n- 创建第一个自定义技能\n- 优化团队工作流程\n- 分享给团队成员\n\n**持续优化**：\n- 定期回顾技能使用情况\n- 更新过时的技能\n- 贡献优秀技能到社区\n\n---\n\n**相关资源**\n\n- [Hermes Agent 官方文档](https://hermes-agent.nousresearch.com/docs)\n- [Skills 开发指南](https://hermes-agent.nousresearch.com/docs/skills)\n- [社区技能库](https://github.com/topics/hermes-agent-skills)\n\n---\n\n**关于作者**\n\n我是成俊杰，专注于 AI 应用开发和工具链优化。如果你对 AI Agent、技能开发或者自动化工作流感兴趣，欢迎交流。", "url": "https://blog.aitool-hub.cn/blog/hermes-agent-skills-guide", "title": "Hermes Agent Skills 深度指南：打造你的专属 AI 助手工具箱", "summary": "深入探索 Hermes Agent Skills 生态系统，从基础概念到高级应用，帮助你充分发挥 AI 助手的潜力。本文详细介绍技能系统架构、常用技能推荐、自定义开发指南等核心内容。", "date_modified": "2026-05-22T02:06:45.000Z", "author": { "name": "成俊杰" }, "tags": [ "AI 开发" ] }, { "id": "https://blog.aitool-hub.cn/blog/skill-vetter-security-audit", "content_html": "# Skill Vetter：AI 技能安全审查工具\n\n## 概要\n\nSkill Vetter 是 AI Agent 生态中的\"安全卫士\"，它的核心职责是在你安装任何新 Skill 之前，自动扫描该 Skill 的权限声明、代码行为和潜在风险，帮你筑牢安全底线。\n\n## 为什么需要 Skill Vetter？\n\n随着 Skills 生态的爆发式增长，GitHub 上已有数百个开源 Skills。但并非所有 Skill 都是安全的：\n\n- 某些 Skill 可能请求过高权限（如访问 ~/.ssh、执行系统命令）\n- 不明来源的 Skill 可能包含恶意代码\n- 权限声明与实际行为不一致的 Skill 存在数据泄露风险\n\n## 核心功能\n\n### 1. 权限扫描\n- 自动解析 Skill 的权限声明文件\n- 标记高危权限（文件系统写入、网络请求、系统命令执行）\n- 对比权限声明与实际代码行为\n\n### 2. 风险评估\n- 基于规则引擎的风险评分（1-10 分）\n- 识别常见攻击模式（数据外泄、权限提升、供应链攻击）\n- 生成可读的风险报告\n\n### 3. 安装建议\n- 绿色（安全）：可放心安装\n- 黄色（注意）：需要人工审查特定权限\n- 红色（危险）：建议不要安装\n\n## 使用方式\n\n```bash\n# 安装 skill-vetter\nclawhub install skill-vetter\n\n# 审查某个 Skill\n/skill-vet \n\n# 批量审查已安装的所有 Skills\n/skill-vet --all\n\n# 查看详细报告\n/skill-vet --verbose\n```\n\n## 最佳实践\n\n1. **首先安装 Skill Vetter**：这是所有其他 Skill 的前置条件\n2. **每次安装新 Skill 前必审查**：养成习惯\n3. **定期审查已安装 Skills**：版本更新可能引入新风险\n4. **禁用高权限不明来源插件**：特别是访问 ~/.ssh、执行系统命令的\n\n## 总结\n\nSkill Vetter 是 AI Agent 安全体系的第一道防线。在 2026 年 Skills 生态快速扩张的背景下，它不是可选项，而是必装项。", "url": "https://blog.aitool-hub.cn/blog/skill-vetter-security-audit", "title": "Skill Vetter：AI 技能安全审查工具", "summary": "安装任何新 Skill 前必装的安全审查工具，扫描权限与风险，筑牢安全底线。", "date_modified": "2026-05-22T03:26:07.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/find-skills-discovery-tool", "content_html": "# Find Skills：高效发现所需 AI 技能\n\n## 概要\n\nFind Skills 是\"找 Skill 的 Skill\"——它解决的是 AI Agent 用户面临的第一个问题：\"我不知道该装什么\"。通过智能推荐和分类检索，帮你快速找到最适合当前任务的 Skill。\n\n## 为什么需要 Find Skills？\n\nSkills 生态已有数百个插件，面临信息过载问题：\n\n- ClawHub 上的 Skill 数量持续增长，难以逐一了解\n- 不同 Skill 功能重叠，难以选择最优方案\n- 新 Skill 不断发布，难以跟踪最新动态\n\n## 核心功能\n\n### 1. 智能推荐\n- 根据你的使用场景推荐最匹配的 Skills\n- 基于社区安装量和评分排序\n- 考虑已安装 Skills 的兼容性\n\n### 2. 分类浏览\n- 按领域分类：开发、设计、内容创作、办公自动化\n- 按功能分类：搜索、总结、自动化、记忆\n- 按热度排序：Stars、下载量、更新频率\n\n### 3. 搜索与对比\n- 关键词搜索 Skill 功能描述\n- 同类 Skill 功能对比\n- 用户评价和使用反馈\n\n## 使用方式\n\n```bash\n# 安装 find-skills\nclawhub install find-skills\n\n# 搜索特定功能的 Skill\n/find-skill \"网页搜索\"\n\n# 按分类浏览\n/find-skill --category development\n\n# 查看热门推荐\n/find-skill --trending\n\n# 对比两个 Skill\n/find-skill --compare tavily-search web-search\n```\n\n## 推荐工作流\n\n1. 明确需求 → 2. 用 find-skills 搜索 → 3. 对比候选 → 4. 用 skill-vetter 审查 → 5. 安装使用\n\n## 总结\n\nFind Skills 是 Skills 生态的\"入口\"，它让你不再迷失在海量插件中，快速找到真正需要的工具。建议作为前 5 个必装 Skill 之一。", "url": "https://blog.aitool-hub.cn/blog/find-skills-discovery-tool", "title": "Find Skills：高效发现所需 AI 技能", "summary": "\"找 Skill 的 Skill\"，解决\"不知道装什么\"的起点问题，高效发现所需工具。", "date_modified": "2026-05-22T03:26:08.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/tavily-search-realtime-web", "content_html": "# Tavily Search：突破知识截止的实时搜索\n\n## 概要\n\nTavily Search 是一款专为 AI Agent 设计的联网搜索 Skill，它突破了大模型的知识截止限制，让 AI 能够实时获取网页、论文、新闻等结构化信息。\n\n## 为什么需要联网搜索？\n\n大模型的训练数据有截止日期，无法获取：\n- 最新的技术文档和 API 变更\n- 实时新闻和行业动态\n- 最新发布的论文和研究成果\n- 当前的价格、库存等动态信息\n\n## 核心功能\n\n### 1. 结构化搜索\n- 返回结构化的搜索结果（标题、摘要、URL、发布日期）\n- 支持按时间范围过滤\n- 支持按来源类型过滤（新闻、论文、文档、论坛）\n\n### 2. 深度抓取\n- 自动提取网页正文内容\n- 去除广告和导航等噪音\n- 支持 PDF、Markdown 等格式转换\n\n### 3. 多源聚合\n- 同时搜索多个搜索引擎\n- 结果去重和排序\n- 可信度评分\n\n## 使用方式\n\n```bash\n# 安装\nclawhub install tavily-search\n\n# 基础搜索\n/search \"Next.js 16 新特性\"\n\n# 限定时间范围\n/search \"AI Agent 2026\" --time-range 7d\n\n# 搜索学术论文\n/search \"transformer architecture\" --type academic\n\n# 深度抓取某个 URL\n/fetch https://docs.example.com/api\n```\n\n## 与其他搜索 Skill 对比\n\n| 特性 | Tavily Search | Web Search | Perplexity |\n|------|:---:|:---:|:---:|\n| 结构化输出 | ✅ | ❌ | ✅ |\n| 深度抓取 | ✅ | ❌ | ❌ |\n| 学术搜索 | ✅ | ❌ | ✅ |\n| 免费额度 | 1000次/月 | 无限 | 有限 |\n\n## 总结\n\nTavily Search 是 AI Agent 获取实时信息的核心能力，是从\"离线助手\"升级为\"在线助手\"的关键 Skill。", "url": "https://blog.aitool-hub.cn/blog/tavily-search-realtime-web", "title": "Tavily Search：突破知识截止的实时搜索", "summary": "突破大模型知识截止，实时获取网页、论文、新闻等结构化信息的联网搜索 Skill。", "date_modified": "2026-05-22T03:26:09.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/summarize-content-compression", "content_html": "# Summarize：一键总结的信息压缩利器\n\n## 概要\n\nSummarize 是一款多模态内容总结 Skill，支持一键总结网页、PDF、视频、音频等多种格式的内容。在信息爆炸时代，信息压缩能力是当代认知刚需。\n\n## 为什么需要 Summarize？\n\n每天面对的信息量远超人脑处理能力：\n- 一篇技术文档可能有 50 页\n- 一个会议录音可能持续 2 小时\n- 一个视频教程可能有 3 小时\n- RSS 订阅每天推送数百篇文章\n\n## 核心功能\n\n### 1. 多格式支持\n- **网页**：自动提取正文，去除噪音\n- **PDF**：支持扫描件 OCR 识别\n- **视频**：提取字幕/语音转文字后总结\n- **音频**：播客、会议录音转文字总结\n- **长文本**：书籍、论文、报告\n\n### 2. 多粒度总结\n- **一句话总结**：核心观点提炼\n- **要点列表**：关键信息条目化\n- **结构化摘要**：保留章节结构的精简版\n- **思维导图**：层级化知识结构\n\n### 3. 智能提取\n- 关键数据和结论自动标注\n- 行动项（Action Items）提取\n- 引用和参考文献整理\n\n## 使用方式\n\n```bash\n# 安装\nclawhub install summarize\n\n# 总结网页\n/summarize https://example.com/long-article\n\n# 总结 PDF\n/summarize ./report.pdf --format bullet-points\n\n# 总结视频\n/summarize https://youtube.com/watch?v=xxx\n\n# 自定义总结长度\n/summarize ./document.pdf --max-words 200\n```\n\n## 实际应用场景\n\n1. **技术调研**：快速了解一个新框架的核心特性\n2. **会议纪要**：自动生成会议摘要和行动项\n3. **论文阅读**：5 分钟掌握一篇论文的核心贡献\n4. **新闻速览**：每天 10 分钟了解行业动态\n\n## 总结\n\nSummarize 是信息时代的\"认知杠杆\"，它让你用 10% 的时间获取 90% 的关键信息。建议作为前 5 个必装 Skill 之一。", "url": "https://blog.aitool-hub.cn/blog/summarize-content-compression", "title": "Summarize：一键总结的信息压缩利器", "summary": "一键总结网页、PDF、视频、音频，信息压缩能力是当代认知刚需。", "date_modified": "2026-05-22T03:26:10.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/self-improving-agent-learning", "content_html": "# Self-Improving Agent：越用越懂你的自进化系统\n\n## 概要\n\nSelf-Improving Agent 是一款让 AI 具备\"学习能力\"的 Skill。它记住你的反馈、偏好和历史错误，让 AI 从\"会答\"进化到\"会学\"，越用越懂你。\n\n## 核心理念\n\n传统 AI 每次对话都是\"失忆\"的——它不记得你上次的偏好、不知道你讨厌什么风格、不了解你的项目上下文。Self-Improving Agent 改变了这一点。\n\n## 核心功能\n\n### 1. 反馈记忆\n- 记录你对每次输出的满意度\n- 学习你的偏好模式（代码风格、文档格式、沟通方式）\n- 自动调整后续输出以匹配你的期望\n\n### 2. 错误学习\n- 记录曾经犯过的错误\n- 建立\"不要做\"清单\n- 在类似场景中主动避免重复错误\n\n### 3. 上下文积累\n- 跨会话保持项目上下文\n- 记住你的技术栈偏好\n- 了解你的工作习惯和时间模式\n\n## 使用方式\n\n```bash\n# 安装\nclawhub install self-improving-agent\n\n# 给出反馈\n/feedback \"这次的代码风格很好，继续保持\"\n/feedback \"不要用 var，我的项目统一用 const/let\"\n\n# 查看学习记录\n/agent-memory show\n\n# 重置某个领域的学习\n/agent-memory reset --domain code-style\n```\n\n## 工作原理\n\n1. **观察**：记录你的每次交互和反馈\n2. **归纳**：从多次反馈中提取模式\n3. **应用**：在新任务中主动应用学到的规则\n4. **验证**：通过你的反应验证规则是否正确\n\n## 总结\n\nSelf-Improving Agent 是让 AI 从\"工具\"变成\"伙伴\"的关键。它实现了真正的个性化，让每个用户都拥有独一无二的 AI 助手。", "url": "https://blog.aitool-hub.cn/blog/self-improving-agent-learning", "title": "Self-Improving Agent：越用越懂你的自进化系统", "summary": "记住你的反馈与错误，越用越懂你，从\"会答\"进化到\"会学\"的自进化 Skill。", "date_modified": "2026-05-22T03:26:11.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/everything-claude-code-enterprise", "content_html": "# Everything Claude Code：企业级生产配置方案\n\n## 概要\n\nEverything Claude Code 是 Anthropic 官方黑客松的冠军作品，GitHub 25,000+ Stars。它是目前最全面、最成熟的 Claude Code 配置方案，包含 9 个子代理、11 个工作流、数百个配置文件。\n\n## 为什么它是冠军？\n\n- **官方认证**：Anthropic 黑客松冠军，经过官方技术评审\n- **社区验证**：25,000+ GitHub Stars，数万企业在生产环境使用\n- **完整生态**：覆盖从需求到部署的全流程\n\n## 核心能力\n\n### 1. 错误处理系统\n- 智能错误捕获和分类\n- 自动修复建议\n- 错误预防机制\n\n### 2. 上下文管理\n- 解决长对话中的上下文丢失问题\n- 智能上下文压缩和摘要\n- 关键信息持久化\n\n### 3. 集成能力\n- MCP（Model Context Protocol）协议完整集成\n- Hooks 系统支持自定义触发器\n- Commands 系统扩展 Claude 指令集\n- Rules 系统定义行为边界\n\n### 4. 9 个专业子代理\n- 代码审查代理\n- 测试生成代理\n- 文档编写代理\n- 重构建议代理\n- 安全扫描代理等\n\n## 使用方式\n\n```bash\n# 克隆仓库\ngit clone https://github.com/affaan-m/everything-claude-code.git\n\n# 复制配置到项目\ncp -r everything-claude-code/.claude* ./\n\n# 或使用 npx 安装\nnpx skills add affaan-m/everything-claude-code\n```\n\n## 适合人群\n\n- ✅ 企业级生产环境使用 Claude Code\n- ✅ 团队规模超过 5 人，需要标准化配置\n- ✅ 项目架构复杂，需要系统化工具链\n- ✅ 对稳定性和可靠性要求极高\n\n## 总结\n\n如果你只能选一个\"全家桶\"式的配置方案，Everything Claude Code 是最佳选择。它经过官方认证和社区验证，是企业级 AI 辅助开发的标杆。", "url": "https://blog.aitool-hub.cn/blog/everything-claude-code-enterprise", "title": "Everything Claude Code：企业级生产配置方案", "summary": "Anthropic 黑客松冠军作品，25000+ Stars，最全面成熟的 Claude Code 企业级配置方案。", "date_modified": "2026-05-22T03:26:12.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/planning-with-files-workflow", "content_html": "# Planning with Files：文件化规划系统\n\n## 概要\n\nPlanning with Files 是一个革命性的 Skill，它将\"工作记忆\"从 AI 的短期记忆转移到文件系统中。通过 plan.md、progress.md、knowledge.md 三文件工作流，实现持久化的上下文管理。GitHub 7,100+ Stars，3 天暴涨 4,000+。\n\n## 核心概念：三文件工作流\n\n| 文件 | 用途 | 内容 |\n|------|------|------|\n| plan.md | 规划文档 | 目标、任务分解、时间估算 |\n| progress.md | 进度追踪 | 实时进度、问题记录、里程碑 |\n| knowledge.md | 知识库 | 经验总结、最佳实践、决策记录 |\n\n## 解决的核心问题\n\nAI 的上下文窗口有限，长对话中容易丢失早期信息，无法\"记住\"跨会话的信息。Planning with Files 将文件作为\"磁盘上的工作记忆\"，随时可以恢复完整上下文。\n\n## 使用方式\n\n```bash\n# 安装\nclawhub install planning-with-files\n\n# 创建新项目计划\n/plan create \"电商网站重构\"\n\n# 更新进度\n/plan progress \"完成了用户认证模块\"\n\n# 记录知识\n/plan learn \"PostgreSQL 连接池最佳配置是...\"\n\n# 查看当前状态\n/plan status\n```\n\n## 使用场景\n\n1. **复杂项目管理**：大型需求拆解、跨部门协作\n2. **知识库构建**：技术决策记录、问题解决方案沉淀\n3. **学习助手**：课程学习计划、进度跟踪\n\n## 总结\n\nPlanning with Files 让 Claude Code 真正成为全天候工作伙伴，是项目管理者和技术管理者的必备 Skill。", "url": "https://blog.aitool-hub.cn/blog/planning-with-files-workflow", "title": "Planning with Files：文件化规划系统", "summary": "将工作记忆从 AI 短期记忆转移到文件系统，实现持久化上下文管理的革命性 Skill。", "date_modified": "2026-05-22T03:26:13.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] }, { "id": "https://blog.aitool-hub.cn/blog/superpowers-engineering-methodology", "content_html": "# Superpowers：工程化方法论技能体系\n\n## 概要\n\nSuperpowers 是目前最受欢迎的工程化技能体系，它将软件开发的最佳实践转化为可复用的技能。核心理念是\"系统化 > 凭感觉\"，提供完整的五步工程化流程。\n\n## 五步工程化流程\n\n1. **Brainstorming（头脑风暴）**：结构化思考，发散创意，生成多个可行方案\n2. **Writing Plans（设计方案）**：详细设计，技术选型，编写实现计划\n3. **Implementation（代码实现）**：遵循计划，编写高质量代码\n4. **Testing（测试验证）**：自动化测试，边界情况，性能优化\n5. **Review（代码审查）**：团队审查，知识共享，持续改进\n\n## 包含的技能\n\n- 20+ 经过验证的技能，覆盖软件开发各环节\n- 实战检验：来自真实项目的经验总结\n- 可定制化：根据团队需求灵活调整\n\n## 使用方式\n\n```bash\n# 安装\nnpx skills add obra/superpowers\n\n# 启动头脑风暴\n/brainstorm \"设计一个高并发消息队列\"\n\n# 生成设计方案\n/plan \"基于 Redis Streams 的消息队列\"\n\n# 代码审查\n/review ./src/queue/\n```\n\n## 实际效果\n\n使用 Superpowers 的团队反馈：\n- 设计阶段时间缩短 60%\n- 代码质量提升 40%（bug 率降低）\n- 新人上手时间缩短 50%\n\n## 总结\n\nSuperpowers 让\"凭感觉编程\"升级为\"系统化工程\"，是团队协作和大型项目的必备方法论框架。", "url": "https://blog.aitool-hub.cn/blog/superpowers-engineering-methodology", "title": "Superpowers：工程化方法论技能体系", "summary": "最受欢迎的工程化技能体系，将软件开发最佳实践转化为可复用的五步工程化流程。", "date_modified": "2026-05-22T03:26:14.000Z", "author": { "name": "ChengJJ" }, "tags": [ "AI 应用" ] } ] }