hookehuyr

docs: 新增技能指南文档并更新开发计划

添加 SKILLS_GUIDE.md 文档,系统整理所有可用 Claude Code Skills 及其使用指南。同时在 26.1.26 新功能开发计划中补充内容规范和数据统计相关讨论点,完善功能规划。
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 ## 总结
......