a88c108804
- Update skill count from 8 to 11 in both English and Chinese READMEs - Add cloudflare-troubleshooting skill entry with description and features - Add ui-designer skill entry with description and features - Add quick links for both new skills in documentation section - Update FAQ to reflect 10 end-user skills (plus skill-creator) - Create demo directories for both new skills 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
563 lines
17 KiB
Markdown
563 lines
17 KiB
Markdown
# Claude Code 技能市场
|
||
|
||
<div align="center">
|
||
|
||
[](./README.md)
|
||
[](./README.zh-CN.md)
|
||
|
||
[](https://opensource.org/licenses/MIT)
|
||
[](https://github.com/daymade/claude-code-skills)
|
||
[](https://github.com/daymade/claude-code-skills)
|
||
[](https://claude.com/code)
|
||
[](./CONTRIBUTING.md)
|
||
[](https://github.com/daymade/claude-code-skills/graphs/commit-activity)
|
||
|
||
</div>
|
||
|
||
专业的 Claude Code 技能市场，提供 11 个生产就绪的技能，用于增强开发工作流。
|
||
|
||
## 📑 目录
|
||
|
||
- [🌟 必备技能：skill-creator](#-必备技能skill-creator)
|
||
- [🚀 快速安装](#-快速安装)
|
||
- [🇨🇳 中国用户指南](#-中国用户指南)
|
||
- [📦 其他可用技能](#-其他可用技能)
|
||
- [🎬 交互式演示画廊](#-交互式演示画廊)
|
||
- [🎯 使用场景](#-使用场景)
|
||
- [📚 文档](#-文档)
|
||
- [🛠️ 系统要求](#️-系统要求)
|
||
- [❓ 常见问题](#-常见问题)
|
||
- [🤝 贡献](#-贡献)
|
||
- [📄 许可证](#-许可证)
|
||
|
||
---
|
||
|
||
## 🌟 必备技能：skill-creator
|
||
|
||
**⭐ 如果你想创建自己的技能，从这里开始！**
|
||
|
||
`skill-creator` 是一个**元技能**，它使你能够构建、验证和打包自己的 Claude Code 技能。它是这个市场中最重要的工具，因为它赋予你用自己的专业工作流扩展 Claude Code 的能力。
|
||
|
||
### 为什么首选 skill-creator？
|
||
|
||
- **🎯 基础工具**：通过创建自己的技能来学习技能的工作原理
|
||
- **🛠️ 完整工具包**：包含初始化、验证和打包脚本
|
||
- **📖 最佳实践**：从生产就绪的示例中学习
|
||
- **🚀 快速启动**：在几秒钟内生成技能模板
|
||
- **✅ 质量保证**：内置验证确保你的技能符合标准
|
||
|
||
### 快速安装
|
||
|
||
```bash
|
||
/plugin marketplace add daymade/claude-code-skills
|
||
/plugin marketplace install daymade/claude-code-skills#skill-creator
|
||
```
|
||
|
||
### 你可以做什么
|
||
|
||
安装 skill-creator 后，只需向 Claude Code 提问：
|
||
|
||
```
|
||
"在 ~/my-skills 中创建一个名为 my-awesome-skill 的新技能"
|
||
|
||
"验证 ~/my-skills/my-awesome-skill 中的技能"
|
||
|
||
"打包 ~/my-skills/my-awesome-skill 技能以便分发"
|
||
```
|
||
|
||
加载了 skill-creator 的 Claude Code 将引导你完成整个技能创建过程——从理解你的需求到打包最终技能。
|
||
|
||
📚 **完整文档**：[skill-creator/SKILL.md](./skill-creator/SKILL.md)
|
||
|
||
### 实时演示
|
||
|
||
**📝 初始化新技能**
|
||
|
||
|
||
|
||
**✅ 验证技能结构**
|
||
|
||
|
||
|
||
**📦 打包技能用于分发**
|
||
|
||
|
||
|
||
---
|
||
|
||
## 🚀 快速安装
|
||
|
||
### 自动化安装（推荐）
|
||
|
||
**macOS/Linux：**
|
||
```bash
|
||
curl -fsSL https://raw.githubusercontent.com/daymade/claude-code-skills/main/scripts/install.sh | bash
|
||
```
|
||
|
||
**Windows (PowerShell)：**
|
||
```powershell
|
||
iwr -useb https://raw.githubusercontent.com/daymade/claude-code-skills/main/scripts/install.ps1 | iex
|
||
```
|
||
|
||
### 手动安装
|
||
|
||
添加市场：
|
||
```bash
|
||
/plugin marketplace add daymade/claude-code-skills
|
||
```
|
||
|
||
**必备技能**（推荐首先安装）：
|
||
```bash
|
||
/plugin marketplace install daymade/claude-code-skills#skill-creator
|
||
```
|
||
|
||
**安装其他技能：**
|
||
```bash
|
||
# GitHub 操作
|
||
/plugin marketplace install daymade/claude-code-skills#github-ops
|
||
|
||
# 文档转换
|
||
/plugin marketplace install daymade/claude-code-skills#markdown-tools
|
||
|
||
# 图表生成
|
||
/plugin marketplace install daymade/claude-code-skills#mermaid-tools
|
||
|
||
# 状态栏定制
|
||
/plugin marketplace install daymade/claude-code-skills#statusline-generator
|
||
|
||
# Teams 通信
|
||
/plugin marketplace install daymade/claude-code-skills#teams-channel-post-writer
|
||
|
||
# Repomix 提取
|
||
/plugin marketplace install daymade/claude-code-skills#repomix-unmixer
|
||
|
||
# AI/LLM 图标
|
||
/plugin marketplace install daymade/claude-code-skills#llm-icon-finder
|
||
|
||
# CLI 演示生成
|
||
/plugin marketplace install daymade/claude-code-skills#cli-demo-generator
|
||
```
|
||
|
||
每个技能都可以独立安装 - 只选择你需要的！
|
||
|
||
---
|
||
|
||
## 🇨🇳 中国用户指南
|
||
|
||
### 推荐工具
|
||
|
||
**CC-Switch - Claude Code 配置管理器**
|
||
|
||
对于中国用户，我们强烈推荐使用 [CC-Switch](https://github.com/farion1231/cc-switch) 来管理 Claude Code 的 API 提供商配置。
|
||
|
||
CC-Switch 的主要功能：
|
||
- ✅ 快速切换不同的 API 供应商（DeepSeek、Qwen、GLM 等）
|
||
- ✅ 测试端点响应时间，自动选择最快的提供商
|
||
- ✅ 管理 MCP 服务器配置
|
||
- ✅ 自动备份和导入/导出配置
|
||
- ✅ 跨平台支持（Windows、macOS、Linux）
|
||
|
||
**安装方法：**
|
||
|
||
1. 从 [Releases](https://github.com/farion1231/cc-switch/releases) 下载对应系统的安装包
|
||
2. 安装并启动应用
|
||
3. 添加你的 API 配置
|
||
4. 通过界面或系统托盘切换配置
|
||
|
||
**系统要求：** Windows 10+、macOS 10.15+ 或 Linux (Ubuntu 22.04+)
|
||
|
||
### 常见的中国 API 提供商
|
||
|
||
CC-Switch 支持以下中国 AI 服务提供商：
|
||
- **DeepSeek**：高性价比的深度学习模型
|
||
- **Qwen（通义千问）**：阿里云的大语言模型
|
||
- **GLM（智谱清言）**：智谱 AI 的对话模型
|
||
- 以及其他兼容 OpenAI API 格式的提供商
|
||
|
||
### 网络问题解决
|
||
|
||
如果你在中国遇到网络问题：
|
||
1. 使用 CC-Switch 配置国内 API 提供商
|
||
2. 确保你的代理设置正确
|
||
3. 使用 CC-Switch 的响应时间测试功能找到最快的端点
|
||
|
||
---
|
||
|
||
## 📦 其他可用技能
|
||
|
||
### 1. **github-ops** - GitHub 操作套件
|
||
|
||
使用 gh CLI 和 GitHub API 进行全面的 GitHub 操作。
|
||
|
||
**使用场景：**
|
||
- 创建、查看或管理拉取请求
|
||
- 管理问题和仓库设置
|
||
- 查询 GitHub API 端点
|
||
- 使用 GitHub Actions 工作流
|
||
- 自动化 GitHub 操作
|
||
|
||
**主要功能：**
|
||
- 带 JIRA 集成的 PR 创建
|
||
- 问题管理工作流
|
||
- GitHub API（REST 和 GraphQL）操作
|
||
- 工作流自动化
|
||
- 企业 GitHub 支持
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 2. **markdown-tools** - 文档转换套件
|
||
|
||
将文档转换为 markdown，支持 Windows/WSL 路径处理和 Obsidian 集成。
|
||
|
||
**使用场景：**
|
||
- 转换 .doc/.docx/PDF/PPTX 为 markdown
|
||
- 处理 Confluence 导出
|
||
- 处理 Windows/WSL 路径转换
|
||
- 使用 markitdown 工具
|
||
|
||
**主要功能：**
|
||
- 多格式文档转换
|
||
- Confluence 导出处理
|
||
- Windows/WSL 路径自动化
|
||
- Obsidian vault 集成
|
||
- 路径转换辅助脚本
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 3. **mermaid-tools** - 图表生成
|
||
|
||
从 markdown 中提取 Mermaid 图表并生成高质量的 PNG 图像。
|
||
|
||
**使用场景：**
|
||
- 将 Mermaid 图表转换为 PNG
|
||
- 从 markdown 文件中提取图表
|
||
- 处理包含嵌入图表的文档
|
||
- 创建演示用的可视化图形
|
||
|
||
**主要功能：**
|
||
- 自动图表提取
|
||
- 高分辨率 PNG 生成
|
||
- 基于图表类型的智能尺寸调整
|
||
- 可自定义的尺寸和缩放
|
||
- WSL2 Chrome/Puppeteer 支持
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 4. **statusline-generator** - 状态栏定制
|
||
|
||
配置 Claude Code 状态栏，支持多行布局和成本跟踪。
|
||
|
||
**使用场景：**
|
||
- 自定义 Claude Code 状态栏
|
||
- 添加成本跟踪（会话/每日）
|
||
- 显示 git 状态
|
||
- 窄屏幕的多行布局
|
||
- 颜色自定义
|
||
|
||
**主要功能：**
|
||
- 多行状态栏布局
|
||
- ccusage 成本集成
|
||
- Git 分支状态指示器
|
||
- 可自定义的颜色
|
||
- 竖屏优化
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 5. **teams-channel-post-writer** - Teams 通信
|
||
|
||
创建用于内部知识分享的教育性 Teams 频道帖子。
|
||
|
||
**使用场景：**
|
||
- 编写关于功能的 Teams 帖子
|
||
- 分享 Claude Code 最佳实践
|
||
- 记录经验教训
|
||
- 创建内部公告
|
||
- 教授有效的提示模式
|
||
|
||
**主要功能：**
|
||
- 带有经过验证结构的帖子模板
|
||
- 高质量内容的写作指南
|
||
- "正常 vs 更好"示例模式
|
||
- 强调基本原则
|
||
- 即用型 markdown 模板
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 6. **repomix-unmixer** - 仓库提取
|
||
|
||
从 repomix 打包的仓库中提取文件并恢复目录结构。
|
||
|
||
**使用场景：**
|
||
- 解混 repomix 输出文件
|
||
- 提取打包的仓库
|
||
- 恢复文件结构
|
||
- 审查 repomix 内容
|
||
- 将 repomix 转换为可用文件
|
||
|
||
**主要功能：**
|
||
- 多格式支持（XML、Markdown、JSON）
|
||
- 自动格式检测
|
||
- 目录结构保留
|
||
- UTF-8 编码支持
|
||
- 全面的验证工作流
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 7. **llm-icon-finder** - AI/LLM 品牌图标查找器
|
||
|
||
从 lobe-icons 库访问 100+ AI 模型和 LLM 提供商品牌图标。
|
||
|
||
**使用场景：**
|
||
- 查找 AI 模型/提供商的品牌图标
|
||
- 下载 Claude、GPT、Gemini 等的徽标
|
||
- 获取多种格式的图标（SVG/PNG/WEBP）
|
||
- 构建 AI 工具文档
|
||
- 创建关于 LLM 的演示文稿
|
||
|
||
**主要功能：**
|
||
- 100+ AI/LLM 模型图标
|
||
- 多格式支持（SVG、PNG、WEBP）
|
||
- 直接访问的 URL 生成
|
||
- 本地下载功能
|
||
- 可搜索的图标目录
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 8. **cli-demo-generator** - CLI 演示生成器
|
||
|
||
使用 VHS 自动化生成专业的 CLI 动画演示和终端录制。
|
||
|
||
**使用场景：**
|
||
- 为文档创建演示
|
||
- 将终端工作流录制为 GIF
|
||
- 生成动画教程
|
||
- 批量生成多个演示
|
||
- 展示 CLI 工具
|
||
|
||
**主要功能：**
|
||
- 从命令列表自动生成演示
|
||
- 使用 YAML/JSON 配置批处理
|
||
- 使用 asciinema 进行交互式录制
|
||
- 基于命令复杂度的智能时序
|
||
- 多种输出格式（GIF、MP4、WebM）
|
||
- VHS tape 文件模板
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 9. **cloudflare-troubleshooting** - Cloudflare 诊断
|
||
|
||
使用 API 驱动的证据收集来调查和解决 Cloudflare 配置问题。
|
||
|
||
**使用场景：**
|
||
- 网站显示 ERR_TOO_MANY_REDIRECTS
|
||
- SSL/TLS 配置错误
|
||
- DNS 解析问题
|
||
- Cloudflare 相关问题
|
||
|
||
**主要功能：**
|
||
- 基于证据的调查方法
|
||
- 全面的 Cloudflare API 参考
|
||
- SSL/TLS 模式故障排除（Flexible、Full、Strict）
|
||
- DNS、缓存和防火墙诊断
|
||
- 代理方法，配有可选的辅助脚本
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
### 10. **ui-designer** - UI 设计系统提取器
|
||
|
||
从参考 UI 图像中提取设计系统，并生成可实施的设计提示。
|
||
|
||
**使用场景：**
|
||
- 拥有需要分析的 UI 截图/模型
|
||
- 需要提取色板、排版、间距
|
||
- 构建与参考美学匹配的 MVP UI
|
||
- 创建一致的设计系统
|
||
- 生成多个 UI 变体
|
||
|
||
**主要功能：**
|
||
- 从图像系统化提取设计系统
|
||
- 色板、排版、组件分析
|
||
- 交互式 MVP PRD 生成
|
||
- 模板驱动的工作流（设计系统 → PRD → 实施提示）
|
||
- 多变体 UI 生成（3 个移动端，2 个网页端）
|
||
- React + Tailwind CSS + Lucide 图标
|
||
|
||
**🎬 实时演示**
|
||
|
||
|
||
|
||
---
|
||
|
||
## 🎬 交互式演示画廊
|
||
|
||
想要在一个地方查看所有演示并具有点击放大功能？访问我们的[交互式演示画廊](./demos/index.html)或浏览[演示目录](./demos/)。
|
||
|
||
## 🎯 使用场景
|
||
|
||
### GitHub 工作流
|
||
使用 **github-ops** 简化 PR 创建、问题管理和 API 操作。
|
||
|
||
### 文档处理
|
||
结合 **markdown-tools** 进行文档转换和 **mermaid-tools** 进行图表生成，创建全面的文档。使用 **llm-icon-finder** 添加品牌图标。
|
||
|
||
### 团队通信
|
||
使用 **teams-channel-post-writer** 分享知识，使用 **statusline-generator** 在工作时跟踪成本。
|
||
|
||
### 仓库管理
|
||
使用 **repomix-unmixer** 提取和验证 repomix 打包的技能或仓库。
|
||
|
||
### 技能开发
|
||
使用 **skill-creator**（参见上面的[必备技能](#-必备技能skill-creator)部分）构建、验证和打包你自己的 Claude Code 技能，遵循最佳实践。
|
||
|
||
## 📚 文档
|
||
|
||
每个技能包括：
|
||
- **SKILL.md**：核心说明和工作流
|
||
- **scripts/**：可执行工具（Python/Bash）
|
||
- **references/**：详细文档
|
||
- **assets/**：模板和资源（如适用）
|
||
|
||
### 快速链接
|
||
|
||
- **github-ops**：参见 `github-ops/references/api_reference.md` 了解 API 文档
|
||
- **markdown-tools**：参见 `markdown-tools/references/conversion-examples.md` 了解转换场景
|
||
- **mermaid-tools**：参见 `mermaid-tools/references/setup_and_troubleshooting.md` 了解设置指南
|
||
- **statusline-generator**：参见 `statusline-generator/references/color_codes.md` 了解自定义
|
||
- **teams-channel-post-writer**：参见 `teams-channel-post-writer/references/writing-guidelines.md` 了解质量标准
|
||
- **repomix-unmixer**：参见 `repomix-unmixer/references/repomix-format.md` 了解格式规范
|
||
- **skill-creator**：参见 `skill-creator/SKILL.md` 了解完整的技能创建工作流
|
||
- **llm-icon-finder**：参见 `llm-icon-finder/references/icons-list.md` 了解可用图标
|
||
- **cli-demo-generator**：参见 `cli-demo-generator/references/vhs_syntax.md` 了解 VHS 语法和 `cli-demo-generator/references/best_practices.md` 了解演示指南
|
||
- **cloudflare-troubleshooting**：参见 `cloudflare-troubleshooting/references/api_overview.md` 了解 API 文档
|
||
- **ui-designer**：参见 `ui-designer/SKILL.md` 了解完整的设计系统提取工作流
|
||
|
||
## 🛠️ 系统要求
|
||
|
||
- **Claude Code** 2.0.13 或更高版本
|
||
- **Python 3.6+**（用于多个技能中的脚本）
|
||
- **gh CLI**（用于 github-ops）
|
||
- **markitdown**（用于 markdown-tools）
|
||
- **mermaid-cli**（用于 mermaid-tools）
|
||
- **VHS**（用于 cli-demo-generator）：`brew install vhs`
|
||
- **asciinema**（可选，用于 cli-demo-generator 交互式录制）
|
||
- **ccusage**（可选，用于状态栏成本跟踪）
|
||
|
||
## ❓ 常见问题
|
||
|
||
### 我如何知道应该安装哪些技能？
|
||
|
||
如果你想创建自己的技能，从 **skill-creator** 开始。否则，浏览[其他可用技能](#-其他可用技能)部分，安装与你的工作流匹配的技能。
|
||
|
||
### 没有 Claude Code 可以使用这些技能吗？
|
||
|
||
不可以，这些技能是专门为 Claude Code 设计的。你需要 Claude Code 2.0.13 或更高版本。
|
||
|
||
### 如何更新技能？
|
||
|
||
使用相同的安装命令进行更新：
|
||
```bash
|
||
/plugin marketplace install daymade/claude-code-skills#skill-name
|
||
```
|
||
|
||
### 我可以贡献自己的技能吗？
|
||
|
||
当然可以！查看 [CONTRIBUTING.md](./CONTRIBUTING.md) 了解指南。我们建议使用 skill-creator 来确保你的技能符合质量标准。
|
||
|
||
### 这些技能使用安全吗？
|
||
|
||
是的，所有技能都是开源的并经过审查。代码可在此仓库中查看。
|
||
|
||
### 中国用户如何处理 API 访问？
|
||
|
||
我们建议使用 [CC-Switch](https://github.com/farion1231/cc-switch) 来管理 API 提供商配置。查看上面的[中国用户指南](#-中国用户指南)部分。
|
||
|
||
### skill-creator 和其他技能有什么区别？
|
||
|
||
**skill-creator** 是一个元技能 - 它帮助你创建其他技能。其他 10 个技能是最终用户技能，提供特定功能（GitHub 操作、文档转换等）。如果你想用自己的工作流扩展 Claude Code，从 skill-creator 开始。
|
||
|
||
---
|
||
|
||
## 🤝 贡献
|
||
|
||
欢迎贡献！请随时：
|
||
|
||
1. 为错误或功能请求开启问题
|
||
2. 提交带有改进的拉取请求
|
||
3. 分享关于技能质量的反馈
|
||
|
||
### 技能质量标准
|
||
|
||
此市场中的所有技能遵循：
|
||
- 祈使句/不定式写作风格
|
||
- 渐进式披露模式
|
||
- 适当的资源组织
|
||
- 全面的文档
|
||
- 经过测试和验证
|
||
|
||
## 📄 许可证
|
||
|
||
此市场根据 MIT 许可证授权 - 详见 [LICENSE](LICENSE) 文件。
|
||
|
||
## ⭐ 支持
|
||
|
||
如果你觉得这些技能有用，请：
|
||
- ⭐ 给这个仓库加星
|
||
- 🐛 报告问题
|
||
- 💡 提出改进建议
|
||
- 📢 与你的团队分享
|
||
|
||
## 🔗 相关资源
|
||
|
||
- [Claude Code 文档](https://docs.claude.com/en/docs/claude-code)
|
||
- [Agent 技能指南](https://docs.claude.com/en/docs/claude-code/skills)
|
||
- [插件市场](https://docs.claude.com/en/docs/claude-code/plugin-marketplaces)
|
||
- [Anthropic 技能仓库](https://github.com/anthropics/skills)
|
||
|
||
## 📞 联系方式
|
||
|
||
- **GitHub**：[@daymade](https://github.com/daymade)
|
||
- **Email**：daymadev89@gmail.com
|
||
- **仓库**：[daymade/claude-code-skills](https://github.com/daymade/claude-code-skills)
|
||
|
||
---
|
||
|
||
**使用 skill-creator 技能为 Claude Code 精心打造 ❤️**
|
||
|
||
最后更新：2025-10-22 | 版本 1.2.0
|