docs: 新增技能指南文档并更新开发计划
添加 SKILLS_GUIDE.md 文档,系统整理所有可用 Claude Code Skills 及其使用指南。同时在 26.1.26 新功能开发计划中补充内容规范和数据统计相关讨论点,完善功能规划。
Showing
2 changed files
with
240 additions
and
0 deletions
docs/SKILLS_GUIDE.md
0 → 100644
| 1 | +# 🎯 Claude Code Skills 完全指南 | ||
| 2 | + | ||
| 3 | +> 本文档收录了系统中所有可用的 Skills(技能),按功能类别整理,帮助您快速了解和使用这些强大的开发辅助工具。 | ||
| 4 | + | ||
| 5 | +--- | ||
| 6 | + | ||
| 7 | +## 📑 目录 | ||
| 8 | + | ||
| 9 | +- [通用开发技能](#-通用开发技能) | ||
| 10 | +- [文档处理技能](#-文档处理技能) | ||
| 11 | +- [设计与品牌](#-设计与品牌) | ||
| 12 | +- [Claude Code 工作流](#-claude-code-工作流) | ||
| 13 | +- [代码审查与分析](#-代码审查与分析) | ||
| 14 | +- [架构与模式](#-架构与模式) | ||
| 15 | +- [记忆与学习](#-记忆与学习) | ||
| 16 | +- [Git 与工作流](#-git-与工作流) | ||
| 17 | +- [项目相关](#-项目相关) | ||
| 18 | + | ||
| 19 | +--- | ||
| 20 | + | ||
| 21 | +## 🛠️ 通用开发技能 | ||
| 22 | + | ||
| 23 | +| Skill | 名称 | 用途说明 | | ||
| 24 | +|:------|:-----|:---------| | ||
| 25 | +| `agent-browser` | 浏览器自动化 | 浏览器交互、Web 测试、表单填充、截图和数据提取 | | ||
| 26 | +| `algorithmic-art` | 算法艺术创作 | 使用 p5.js 创建基于种子随机性和交互式参数探索的算法艺术 | | ||
| 27 | +| `frontend-design` | 前端界面设计 | 创建高质量、生产级别的用户界面和交互式 Web 组件 | | ||
| 28 | +| `canvas-design` | Canvas 视觉设计 | 创建 .png 和 .pdf 格式的精美视觉艺术作品 | | ||
| 29 | +| `find-skills` | 技能发现器 | 帮助您发现和安装新的 agent skills | | ||
| 30 | +| `skill-creator` | 技能创建器 | 创建新的 skills 或更新现有 skills 的指南 | | ||
| 31 | + | ||
| 32 | +--- | ||
| 33 | + | ||
| 34 | +## 📝 文档处理技能 | ||
| 35 | + | ||
| 36 | +| Skill | 名称 | 用途说明 | | ||
| 37 | +|:------|:-----|:---------| | ||
| 38 | +| `docx` | Word 文档处理 | Word 文档的创建、编辑、分析,支持修订跟踪、注释和格式保留 | | ||
| 39 | +| `xlsx` | Excel 电子表格 | Excel 表格的创建、编辑、分析,支持公式、格式化和数据可视化 | | ||
| 40 | +| `pptx` | PowerPoint 演示文稿 | PowerPoint 的创建、编辑和分析,用于演示文稿制作 | | ||
| 41 | +| `pdf` | PDF 操作工具包 | PDF 文本和表格提取、创建新 PDF、合并/分割文档、表单处理 | | ||
| 42 | +| `doc-coauthoring` | 文档协同工作流 | 引导用户进行结构化的文档协同创作流程 | | ||
| 43 | +| `documentation-lookup` | 文档查询助手 | 查询库、框架、API 参考文档和代码示例 | | ||
| 44 | + | ||
| 45 | +--- | ||
| 46 | + | ||
| 47 | +## 🎨 设计与品牌 | ||
| 48 | + | ||
| 49 | +| Skill | 名称 | 用途说明 | | ||
| 50 | +|:------|:-----|:---------| | ||
| 51 | +| `brand-guidelines` | 品牌规范应用 | 应用 Anthropic 官方品牌颜色、排版到各种设计资产 | | ||
| 52 | +| `theme-factory` | 主题工厂 | 使用 10 种预设主题样式化幻灯片、文档、HTML 页面等 | | ||
| 53 | +| `web-artifacts-builder` | Web 构建工具套件 | 创建多组件 HTML artifacts,使用 React、Tailwind CSS 等现代技术 | | ||
| 54 | +| `slack-gif-creator` | Slack GIF 创作 | 创建针对 Slack 优化的动画 GIF,包含约束验证和动画概念 | | ||
| 55 | + | ||
| 56 | +--- | ||
| 57 | + | ||
| 58 | +## 🚀 Claude Code 工作流 | ||
| 59 | + | ||
| 60 | +| Skill | 名称 | 用途说明 | | ||
| 61 | +|:------|:-----|:---------| | ||
| 62 | +| `everything-claude-code:plan` | 实施计划 | 重述需求、评估风险、创建分步实施计划(等待用户确认) | | ||
| 63 | +| `everything-claude-code:tdd` | 测试驱动开发 | 强制执行测试优先编写工作流,确保 80%+ 测试覆盖率 | | ||
| 64 | +| `everything-claude-code:e2e` | 端到端测试 | 使用 Playwright 生成和运行 E2E 测试,管理测试旅程 | | ||
| 65 | +| `superpowers:brainstorming` | 头脑风暴 | 在任何创意工作(创建功能、组件、添加功能)之前使用 | | ||
| 66 | +| `superpowers:systematic-debugging` | 系统化调试 | 遇到 bug、测试失败或意外行为时的调试流程 | | ||
| 67 | +| `superpowers:verification-before-completion` | 完成前验证 | 在声称工作完成之前,运行验证命令和检查 | | ||
| 68 | +| `superpowers:executing-plans` | 执行计划 | 在单独的会话中执行书面实施计划,带审查检查点 | | ||
| 69 | +| `superpowers:writing-plans` | 编写计划 | 当有规范或需求时,在编写代码之前规划实施步骤 | | ||
| 70 | + | ||
| 71 | +--- | ||
| 72 | + | ||
| 73 | +## 🔍 代码审查与分析 | ||
| 74 | + | ||
| 75 | +| Skill | 名称 | 用途说明 | | ||
| 76 | +|:------|:-----|:---------| | ||
| 77 | +| `superpowers:requesting-code-review` | 请求代码审查 | 完成任务、实现主要功能或合并前验证工作质量 | | ||
| 78 | +| `superpowers:receiving-code-review` | 接收代码审查 | 在实现建议之前接收代码审查反馈 | | ||
| 79 | +| `everything-claude-code:security-review` | 安全审查 | 添加认证、处理用户输入、API 端点或敏感数据时的安全检测 | | ||
| 80 | +| `everything-claude-code:database-reviewer` | 数据库审查 | PostgreSQL 数据库查询优化、模式设计、安全和性能专家 | | ||
| 81 | + | ||
| 82 | +--- | ||
| 83 | + | ||
| 84 | +## 📚 架构与模式 | ||
| 85 | + | ||
| 86 | +| Skill | 名称 | 用途说明 | | ||
| 87 | +|:------|:-----|:---------| | ||
| 88 | +| `everything-claude-code:backend-patterns` | 后端架构模式 | Node.js、Express、Next.js API 路由的后端架构和 API 设计模式 | | ||
| 89 | +| `everything-claude-code:frontend-patterns` | 前端开发模式 | React、Next.js、状态管理、性能优化和 UI 最佳实践 | | ||
| 90 | +| `everything-claude-code:coding-standards` | 编码标准 | TypeScript、JavaScript、React 和 Node.js 的通用编码标准和最佳实践 | | ||
| 91 | +| `everything-claude-code:postgres-patterns` | PostgreSQL 模式 | 查询优化、模式设计、索引和安全性(基于 Supabase 最佳实践) | | ||
| 92 | +| `everything-claude-code:clickhouse-io` | ClickHouse 模式 | ClickHouse 数据库模式、查询优化、分析和数据工程最佳实践 | | ||
| 93 | + | ||
| 94 | +--- | ||
| 95 | + | ||
| 96 | +## 🧠 记忆与学习 | ||
| 97 | + | ||
| 98 | +| Skill | 名称 | 用途说明 | | ||
| 99 | +|:------|:-----|:---------| | ||
| 100 | +| `episodic-memory:search-conversations` | 搜索历史对话 | 跨会话语义或文本搜索,恢复之前的决策、解决方案和经验教训 | | ||
| 101 | +| `everything-claude-code:continuous-learning` | 持续学习 | 从 Claude Code 会话中提取可复用模式并保存为 skills | | ||
| 102 | +| `ship-learn-next` | 学习转化计划 | 将学习内容(如 YouTube 字幕、文章、教程)转化为可执行的实施计划 | | ||
| 103 | + | ||
| 104 | +--- | ||
| 105 | + | ||
| 106 | +## 🛠️ Git 与工作流 | ||
| 107 | + | ||
| 108 | +| Skill | 名称 | 用途说明 | | ||
| 109 | +|:------|:-----|:---------| | ||
| 110 | +| `superpowers:using-git-worktrees` | Git 工作树 | 开始需要与当前工作空间隔离的功能工作时创建隔离的 git 工作树 | | ||
| 111 | +| `superpowers:finishing-a-development-branch` | 完成开发分支 | 实现完成、所有测试通过,决定如何集成工作时的完成指南 | | ||
| 112 | +| `superpowers:dispatching-parallel-agents` | 并行代理调度 | 面对 2+ 个独立任务且无共享状态或顺序依赖时使用 | | ||
| 113 | +| `superpowers:subagent-driven-development` | 子代理驱动开发 | 使用独立任务在当前会话中执行实施计划 | | ||
| 114 | + | ||
| 115 | +--- | ||
| 116 | + | ||
| 117 | +## 📊 项目相关 | ||
| 118 | + | ||
| 119 | +| Skill | 名称 | 用途说明 | | ||
| 120 | +|:------|:-----|:---------| | ||
| 121 | +| `project-overview` | 项目概览 | 完整的项目架构和结构指南,探索代码库和理解项目组织 | | ||
| 122 | +| `glm-plan-usage:usage-query` | 使用量查询 | 查询 GLM Coding Plan 当前账户的使用信息 | | ||
| 123 | +| `glm-plan-bug:case-feedback` | 问题反馈 | 提交案例反馈以报告问题或建议 | | ||
| 124 | + | ||
| 125 | +--- | ||
| 126 | + | ||
| 127 | +## 🎖️ 专业领域技能 | ||
| 128 | + | ||
| 129 | +### 代码质量 | ||
| 130 | + | ||
| 131 | +| Skill | 名称 | 用途说明 | | ||
| 132 | +|:------|:-----|:---------| | ||
| 133 | +| `everything-claude-code:code-reviewer` | 代码审查专家 | 主动审查代码质量、安全性和可维护性 | | ||
| 134 | +| `everything-claude-code:refactor-cleaner` | 重构清理 | 死代码清理和整合,运行分析工具安全移除未使用代码 | | ||
| 135 | +| `everything-claude-code:build-error-resolver` | 构建错误解决 | 构建和 TypeScript 错误解决专家 | | ||
| 136 | +| `everything-claude-code:tdd-guide` | TDD 指南 | 测试驱动开发专家,强制执行测试优先编写方法 | | ||
| 137 | + | ||
| 138 | +### 开发流程 | ||
| 139 | + | ||
| 140 | +| Skill | 名称 | 用途说明 | | ||
| 141 | +|:------|:-----|:---------| | ||
| 142 | +| `everything-claude-code:planner` | 规划专家 | 复杂功能和重构的专家规划 | | ||
| 143 | +| `everything-claude-code:architect` | 软件架构师 | 系统设计、可扩展性和技术决策专家 | | ||
| 144 | +| `everything-claude-code:doc-updater` | 文档更新器 | 更新 codemaps 和文档的专家 | | ||
| 145 | +| `everything-claude-code:strategic-compact` | 策略性压缩 | 在逻辑阶段保留上下文的策略性压缩建议 | | ||
| 146 | +| `everything-claude-code:iterative-retrieval` | 迭代检索 | 逐步改进上下文检索的模式 | | ||
| 147 | + | ||
| 148 | +### 测试与评估 | ||
| 149 | + | ||
| 150 | +| Skill | 名称 | 用途说明 | | ||
| 151 | +|:------|:-----|:---------| | ||
| 152 | +| `everything-claude-code:e2e-runner` | E2E 测试运行器 | 使用 Playwright 生成、维护和运行 E2E 测试 | | ||
| 153 | +| `everything-claude-code:eval-harness` | 评估框架 | Claude Code 会话的正式评估框架 | | ||
| 154 | + | ||
| 155 | +--- | ||
| 156 | + | ||
| 157 | +## 💡 使用技巧 | ||
| 158 | + | ||
| 159 | +### 调用方式 | ||
| 160 | + | ||
| 161 | +1. **命令方式**:在对话中输入 `/skill-name` | ||
| 162 | + - 例如:`/plan`、`/review`、`/tdd` | ||
| 163 | + | ||
| 164 | +2. **自动触发**:Claude 会根据任务类型自动调用相关 skills | ||
| 165 | + | ||
| 166 | +3. **手动指定**:明确要求使用某个 skill | ||
| 167 | + | ||
| 168 | +### 优先级顺序 | ||
| 169 | + | ||
| 170 | +当多个 skills 可能适用时,按以下顺序使用: | ||
| 171 | + | ||
| 172 | +1. **流程技能优先**(brainstorming、debugging)- 决定如何处理任务 | ||
| 173 | +2. **实施技能其次**(frontend-design、mcp-builder)- 指导执行 | ||
| 174 | + | ||
| 175 | +**示例**: | ||
| 176 | +- "让我们构建 X" → brainstorming → frontend-design | ||
| 177 | +- "修复这个 bug" → debugging → domain-specific skills | ||
| 178 | + | ||
| 179 | +### 技能类型 | ||
| 180 | + | ||
| 181 | +- **刚性**(TDD、debugging):严格遵循,不可偏离 | ||
| 182 | +- **灵活**(patterns):根据上下文调整原则 | ||
| 183 | + | ||
| 184 | +--- | ||
| 185 | + | ||
| 186 | +## 📖 快速参考 | ||
| 187 | + | ||
| 188 | +### 开发新功能时的典型流程 | ||
| 189 | + | ||
| 190 | +``` | ||
| 191 | +1. brainstorming → 创意和方案探索 | ||
| 192 | +2. plan → 制定实施计划 | ||
| 193 | +3. tdd → 编写测试 | ||
| 194 | +4. implementing → 编写代码 | ||
| 195 | +5. code-review → 代码审查 | ||
| 196 | +6. verification → 完成前验证 | ||
| 197 | +``` | ||
| 198 | + | ||
| 199 | +### 修复 Bug 时的典型流程 | ||
| 200 | + | ||
| 201 | +``` | ||
| 202 | +1. systematic-debugging → 问题诊断 | ||
| 203 | +2. implementing → 修复代码 | ||
| 204 | +3. testing → 验证修复 | ||
| 205 | +4. verification → 确认完成 | ||
| 206 | +``` | ||
| 207 | + | ||
| 208 | +### 代码审查流程 | ||
| 209 | + | ||
| 210 | +``` | ||
| 211 | +1. requesting-code-review → 提交审查请求 | ||
| 212 | +2. receiving-code-review → 接收反馈 | ||
| 213 | +3. implementing → 应用修改 | ||
| 214 | +``` | ||
| 215 | + | ||
| 216 | +--- | ||
| 217 | + | ||
| 218 | +## 🔗 相关文档 | ||
| 219 | + | ||
| 220 | +- [CLAUDE.md](../CLAUDE.md) - 项目总体架构与开发指南 | ||
| 221 | +- [VUE_CODE_STYLE_GUIDE.md](../VUE_CODE_STYLE_GUIDE.md) - Vue 代码风格规范 | ||
| 222 | +- [CHANGELOG.md](../CHANGELOG.md) - 变更日志 | ||
| 223 | + | ||
| 224 | +--- | ||
| 225 | + | ||
| 226 | +## 📝 更新日志 | ||
| 227 | + | ||
| 228 | +- **2025-01-27**: 初始版本,收录所有可用 Skills | ||
| 229 | + | ||
| 230 | +--- | ||
| 231 | + | ||
| 232 | +*本文档由 Claude Code 自动生成和维护* |
| ... | @@ -257,6 +257,14 @@ | ... | @@ -257,6 +257,14 @@ |
| 257 | - 表情选择器是否需要分类(如"笑脸"、"手势"、"动物"等)? | 257 | - 表情选择器是否需要分类(如"笑脸"、"手势"、"动物"等)? |
| 258 | - 海报生成失败时,是否需要降级方案(如显示文字版分享链接)? | 258 | - 海报生成失败时,是否需要降级方案(如显示文字版分享链接)? |
| 259 | 259 | ||
| 260 | +3. **内容规范**: | ||
| 261 | + - 评论内容的敏感词过滤策略是什么? | ||
| 262 | + - 是否需要举报功能? | ||
| 263 | + - 是否需要审核机制(评论需审核后才能显示)? | ||
| 264 | + | ||
| 265 | +4. **数据统计**: | ||
| 266 | + - 是否需要统计评论数量、置顶数量等数据用于运营分析? | ||
| 267 | + | ||
| 260 | --- | 268 | --- |
| 261 | 269 | ||
| 262 | ## 总结 | 270 | ## 总结 | ... | ... |
-
Please register or login to post a comment