Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
c277b3c7 1 parent 8536625a

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

添加 SKILLS_GUIDE.md 文档，系统整理所有可用 Claude Code Skills 及其使用指南。同时在 26.1.26 新功能开发计划中补充内容规范和数据统计相关讨论点，完善功能规划。
Inline Side-by-side
Showing 2 changed files with 240 additions and 0 deletions
# 🎯 Claude Code Skills 完全指南
> 本文档收录了系统中所有可用的 Skills（技能），按功能类别整理，帮助您快速了解和使用这些强大的开发辅助工具。
---
## 📑 目录
- [通用开发技能](#-通用开发技能)
- [文档处理技能](#-文档处理技能)
- [设计与品牌](#-设计与品牌)
- [Claude Code 工作流](#-claude-code-工作流)
- [代码审查与分析](#-代码审查与分析)
- [架构与模式](#-架构与模式)
- [记忆与学习](#-记忆与学习)
- [Git 与工作流](#-git-与工作流)
- [项目相关](#-项目相关)
---
## 🛠️ 通用开发技能
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `agent-browser` | 浏览器自动化 | 浏览器交互、Web 测试、表单填充、截图和数据提取 |
| `algorithmic-art` | 算法艺术创作 | 使用 p5.js 创建基于种子随机性和交互式参数探索的算法艺术 |
| `frontend-design` | 前端界面设计 | 创建高质量、生产级别的用户界面和交互式 Web 组件 |
| `canvas-design` | Canvas 视觉设计 | 创建 .png 和 .pdf 格式的精美视觉艺术作品 |
| `find-skills` | 技能发现器 | 帮助您发现和安装新的 agent skills |
| `skill-creator` | 技能创建器 | 创建新的 skills 或更新现有 skills 的指南 |
---
## 📝 文档处理技能
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `docx` | Word 文档处理 | Word 文档的创建、编辑、分析，支持修订跟踪、注释和格式保留 |
| `xlsx` | Excel 电子表格 | Excel 表格的创建、编辑、分析，支持公式、格式化和数据可视化 |
| `pptx` | PowerPoint 演示文稿 | PowerPoint 的创建、编辑和分析，用于演示文稿制作 |
| `pdf` | PDF 操作工具包 | PDF 文本和表格提取、创建新 PDF、合并/分割文档、表单处理 |
| `doc-coauthoring` | 文档协同工作流 | 引导用户进行结构化的文档协同创作流程 |
| `documentation-lookup` | 文档查询助手 | 查询库、框架、API 参考文档和代码示例 |
---
## 🎨 设计与品牌
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `brand-guidelines` | 品牌规范应用 | 应用 Anthropic 官方品牌颜色、排版到各种设计资产 |
| `theme-factory` | 主题工厂 | 使用 10 种预设主题样式化幻灯片、文档、HTML 页面等 |
| `web-artifacts-builder` | Web 构建工具套件 | 创建多组件 HTML artifacts，使用 React、Tailwind CSS 等现代技术 |
| `slack-gif-creator` | Slack GIF 创作 | 创建针对 Slack 优化的动画 GIF，包含约束验证和动画概念 |
---
## 🚀 Claude Code 工作流
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `everything-claude-code:plan` | 实施计划 | 重述需求、评估风险、创建分步实施计划（等待用户确认） |
| `everything-claude-code:tdd` | 测试驱动开发 | 强制执行测试优先编写工作流，确保 80%+ 测试覆盖率 |
| `everything-claude-code:e2e` | 端到端测试 | 使用 Playwright 生成和运行 E2E 测试，管理测试旅程 |
| `superpowers:brainstorming` | 头脑风暴 | 在任何创意工作（创建功能、组件、添加功能）之前使用 |
| `superpowers:systematic-debugging` | 系统化调试 | 遇到 bug、测试失败或意外行为时的调试流程 |
| `superpowers:verification-before-completion` | 完成前验证 | 在声称工作完成之前，运行验证命令和检查 |
| `superpowers:executing-plans` | 执行计划 | 在单独的会话中执行书面实施计划，带审查检查点 |
| `superpowers:writing-plans` | 编写计划 | 当有规范或需求时，在编写代码之前规划实施步骤 |
---
## 🔍 代码审查与分析
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `superpowers:requesting-code-review` | 请求代码审查 | 完成任务、实现主要功能或合并前验证工作质量 |
| `superpowers:receiving-code-review` | 接收代码审查 | 在实现建议之前接收代码审查反馈 |
| `everything-claude-code:security-review` | 安全审查 | 添加认证、处理用户输入、API 端点或敏感数据时的安全检测 |
| `everything-claude-code:database-reviewer` | 数据库审查 | PostgreSQL 数据库查询优化、模式设计、安全和性能专家 |
---
## 📚 架构与模式
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `everything-claude-code:backend-patterns` | 后端架构模式 | Node.js、Express、Next.js API 路由的后端架构和 API 设计模式 |
| `everything-claude-code:frontend-patterns` | 前端开发模式 | React、Next.js、状态管理、性能优化和 UI 最佳实践 |
| `everything-claude-code:coding-standards` | 编码标准 | TypeScript、JavaScript、React 和 Node.js 的通用编码标准和最佳实践 |
| `everything-claude-code:postgres-patterns` | PostgreSQL 模式 | 查询优化、模式设计、索引和安全性（基于 Supabase 最佳实践） |
| `everything-claude-code:clickhouse-io` | ClickHouse 模式 | ClickHouse 数据库模式、查询优化、分析和数据工程最佳实践 |
---
## 🧠 记忆与学习
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `episodic-memory:search-conversations` | 搜索历史对话 | 跨会话语义或文本搜索，恢复之前的决策、解决方案和经验教训 |
| `everything-claude-code:continuous-learning` | 持续学习 | 从 Claude Code 会话中提取可复用模式并保存为 skills |
| `ship-learn-next` | 学习转化计划 | 将学习内容（如 YouTube 字幕、文章、教程）转化为可执行的实施计划 |
---
## 🛠️ Git 与工作流
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `superpowers:using-git-worktrees` | Git 工作树 | 开始需要与当前工作空间隔离的功能工作时创建隔离的 git 工作树 |
| `superpowers:finishing-a-development-branch` | 完成开发分支 | 实现完成、所有测试通过，决定如何集成工作时的完成指南 |
| `superpowers:dispatching-parallel-agents` | 并行代理调度 | 面对 2+ 个独立任务且无共享状态或顺序依赖时使用 |
| `superpowers:subagent-driven-development` | 子代理驱动开发 | 使用独立任务在当前会话中执行实施计划 |
---
## 📊 项目相关
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `project-overview` | 项目概览 | 完整的项目架构和结构指南，探索代码库和理解项目组织 |
| `glm-plan-usage:usage-query` | 使用量查询 | 查询 GLM Coding Plan 当前账户的使用信息 |
| `glm-plan-bug:case-feedback` | 问题反馈 | 提交案例反馈以报告问题或建议 |
---
## 🎖️ 专业领域技能
### 代码质量
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `everything-claude-code:code-reviewer` | 代码审查专家 | 主动审查代码质量、安全性和可维护性 |
| `everything-claude-code:refactor-cleaner` | 重构清理 | 死代码清理和整合，运行分析工具安全移除未使用代码 |
| `everything-claude-code:build-error-resolver` | 构建错误解决 | 构建和 TypeScript 错误解决专家 |
| `everything-claude-code:tdd-guide` | TDD 指南 | 测试驱动开发专家，强制执行测试优先编写方法 |
### 开发流程
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `everything-claude-code:planner` | 规划专家 | 复杂功能和重构的专家规划 |
| `everything-claude-code:architect` | 软件架构师 | 系统设计、可扩展性和技术决策专家 |
| `everything-claude-code:doc-updater` | 文档更新器 | 更新 codemaps 和文档的专家 |
| `everything-claude-code:strategic-compact` | 策略性压缩 | 在逻辑阶段保留上下文的策略性压缩建议 |
| `everything-claude-code:iterative-retrieval` | 迭代检索 | 逐步改进上下文检索的模式 |
### 测试与评估
| Skill | 名称 | 用途说明 |
|:------|:-----|:---------|
| `everything-claude-code:e2e-runner` | E2E 测试运行器 | 使用 Playwright 生成、维护和运行 E2E 测试 |
| `everything-claude-code:eval-harness` | 评估框架 | Claude Code 会话的正式评估框架 |
---
## 💡 使用技巧
### 调用方式
1. **命令方式**：在对话中输入 `/skill-name`
- 例如：`/plan`、`/review`、`/tdd`
2. **自动触发**：Claude 会根据任务类型自动调用相关 skills
3. **手动指定**：明确要求使用某个 skill
### 优先级顺序
当多个 skills 可能适用时，按以下顺序使用：
1. **流程技能优先**（brainstorming、debugging）- 决定如何处理任务
2. **实施技能其次**（frontend-design、mcp-builder）- 指导执行
**示例**：
- "让我们构建 X" → brainstorming → frontend-design
- "修复这个 bug" → debugging → domain-specific skills
### 技能类型
- **刚性**（TDD、debugging）：严格遵循，不可偏离
- **灵活**（patterns）：根据上下文调整原则
---
## 📖 快速参考
### 开发新功能时的典型流程
```
1. brainstorming → 创意和方案探索
2. plan → 制定实施计划
3. tdd → 编写测试
4. implementing → 编写代码
5. code-review → 代码审查
6. verification → 完成前验证
```
### 修复 Bug 时的典型流程
```
1. systematic-debugging → 问题诊断
2. implementing → 修复代码
3. testing → 验证修复
4. verification → 确认完成
```
### 代码审查流程
```
1. requesting-code-review → 提交审查请求
2. receiving-code-review → 接收反馈
3. implementing → 应用修改
```
---
## 🔗 相关文档
- [CLAUDE.md](../CLAUDE.md) - 项目总体架构与开发指南
- [VUE_CODE_STYLE_GUIDE.md](../VUE_CODE_STYLE_GUIDE.md) - Vue 代码风格规范
- [CHANGELOG.md](../CHANGELOG.md) - 变更日志
---
## 📝 更新日志
- **2025-01-27**: 初始版本，收录所有可用 Skills
---
*本文档由 Claude Code 自动生成和维护*
......@@ -257,6 +257,14 @@
- 表情选择器是否需要分类（如"笑脸"、"手势"、"动物"等）？
- 海报生成失败时，是否需要降级方案（如显示文字版分享链接）？
3. **内容规范**：
- 评论内容的敏感词过滤策略是什么？
- 是否需要举报功能？
- 是否需要审核机制（评论需审核后才能显示）？
4. **数据统计**：
- 是否需要统计评论数量、置顶数量等数据用于运营分析？
---
## 总结
......