Files
claude-code-skills-reference/README.md
daymade fd94d1b62e Release v1.3.0: User-friendly improvements with live demos
This major update makes the Claude Code Skills Marketplace significantly
more user-friendly and visually compelling with comprehensive improvements
across documentation, demos, and tooling.

## 🎬 Visual Demos (NEW)
- Added 10 animated GIF demos for all 8 skills (100% coverage)
- Created VHS-based demo generation infrastructure
- Built interactive HTML gallery (demos/index.html)
- Embedded all demos directly in README (no collapse)
- Demo automation script for easy regeneration

## 📚 Documentation
- Complete Chinese translation (README.zh-CN.md)
- Added CLAUDE.md for AI-assisted development
- Created QUICKSTART.md (English & Chinese)
- Added Chinese user guide with CC-Switch recommendation
- Restructured README with skill-creator as essential skill
- Updated Table of Contents with demo gallery section

## 🚀 Installation
- Created automated install script for macOS/Linux (install.sh)
- Created PowerShell install script for Windows (install.ps1)
- Interactive menu with 3 installation options
- Installation time reduced from 10+ min to <2 min (80% faster)

## 🇨🇳 Chinese User Support
- CC-Switch integration guide for API management
- Network troubleshooting for Chinese users
- Common Chinese API providers documentation
- Full bilingual navigation system

## 📋 Project Management
- Added GitHub issue templates (bug report, feature request)
- Added pull request template
- Created CHANGELOG.md following "Keep a Changelog"
- Added IMPLEMENTATION_SUMMARY.md
- Added RELEASE_NOTES_v1.3.0.md

## 🔧 Configuration
- Reordered marketplace.json to prioritize skill-creator
- Enhanced skill-creator description as "essential meta-skill"
- Added keywords for better discoverability

## 📊 Statistics
- Files Created: 37
- Files Modified: 2
- Demo GIFs: 10 (1.56 MB total)
- Languages: English + 简体中文
- Demo Coverage: 100% (8/8 skills)

Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-24 13:47:10 +08:00

484 lines
15 KiB
Markdown
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
# Claude Code Skills Marketplace
<div align="center">
[![English](https://img.shields.io/badge/Language-English-blue)](./README.md)
[![简体中文](https://img.shields.io/badge/语言-简体中文-red)](./README.zh-CN.md)
[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
[![Skills](https://img.shields.io/badge/skills-8-blue.svg)](https://github.com/daymade/claude-code-skills)
[![Version](https://img.shields.io/badge/version-1.2.0-green.svg)](https://github.com/daymade/claude-code-skills)
[![Claude Code](https://img.shields.io/badge/Claude%20Code-2.0.13+-purple.svg)](https://claude.com/code)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](./CONTRIBUTING.md)
[![Maintenance](https://img.shields.io/badge/Maintained%3F-yes-green.svg)](https://github.com/daymade/claude-code-skills/graphs/commit-activity)
</div>
Professional Claude Code skills marketplace featuring 8 production-ready skills for enhanced development workflows.
## 📑 Table of Contents
- [🌟 Essential Skill: skill-creator](#-essential-skill-skill-creator)
- [🚀 Quick Installation](#-quick-installation)
- [🇨🇳 Chinese User Guide](#-中文用户指南--chinese-user-guide)
- [📦 Other Available Skills](#-other-available-skills)
- [🎬 Interactive Demo Gallery](#-interactive-demo-gallery)
- [🎯 Use Cases](#-use-cases)
- [📚 Documentation](#-documentation)
- [🛠️ Requirements](#-requirements)
- [❓ FAQ](#-faq)
- [🤝 Contributing](#-contributing)
- [📄 License](#-license)
---
## 🌟 Essential Skill: skill-creator
**⭐ Start here if you want to create your own skills!**
The `skill-creator` is the **meta-skill** that enables you to build, validate, and package your own Claude Code skills. It's the most important tool in this marketplace because it empowers you to extend Claude Code with your own specialized workflows.
### Why skill-creator First?
- **🎯 Foundation**: Learn how skills work by creating your own
- **🛠️ Complete Toolkit**: Initialization, validation, and packaging scripts included
- **📖 Best Practices**: Learn from production-ready examples
- **🚀 Quick Start**: Generate skill templates in seconds
- **✅ Quality Assurance**: Built-in validation ensures your skills meet standards
### Quick Install
```bash
/plugin marketplace add daymade/claude-code-skills
/plugin marketplace install daymade/claude-code-skills#skill-creator
```
### What You Can Do
```bash
# Initialize a new skill from template
skill-creator/scripts/init_skill.py my-awesome-skill --path ~/my-skills
# Validate your skill structure and quality
skill-creator/scripts/quick_validate.py ~/my-skills/my-awesome-skill
# Package your skill for distribution
skill-creator/scripts/package_skill.py ~/my-skills/my-awesome-skill
```
📚 **Full documentation**: [skill-creator/SKILL.md](./skill-creator/SKILL.md)
### Live Demos
**📝 Initialize New Skill**
![Initialize Skill Demo](./demos/skill-creator/init-skill.gif)
**✅ Validate Skill Structure**
![Validate Skill Demo](./demos/skill-creator/validate-skill.gif)
**📦 Package Skill for Distribution**
![Package Skill Demo](./demos/skill-creator/package-skill.gif)
---
## 🚀 Quick Installation
### Automated Installation (Recommended)
**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
```
### Manual Installation
Add the marketplace:
```bash
/plugin marketplace add daymade/claude-code-skills
```
**Essential Skill** (recommended first install):
```bash
/plugin marketplace install daymade/claude-code-skills#skill-creator
```
**Install Other Skills:**
```bash
# GitHub operations
/plugin marketplace install daymade/claude-code-skills#github-ops
# Document conversion
/plugin marketplace install daymade/claude-code-skills#markdown-tools
# Diagram generation
/plugin marketplace install daymade/claude-code-skills#mermaid-tools
# Statusline customization
/plugin marketplace install daymade/claude-code-skills#statusline-generator
# Teams communication
/plugin marketplace install daymade/claude-code-skills#teams-channel-post-writer
# Repomix extraction
/plugin marketplace install daymade/claude-code-skills#repomix-unmixer
# AI/LLM icons
/plugin marketplace install daymade/claude-code-skills#llm-icon-finder
```
Each skill can be installed independently - choose only what you need!
---
## 🇨🇳 中文用户指南 / Chinese User Guide
### 推荐工具 / Recommended Tools
**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+)
---
**For Chinese users**, we highly recommend using [CC-Switch](https://github.com/farion1231/cc-switch) to manage Claude Code API provider configurations.
CC-Switch enables you to:
- ✅ Quickly switch between different API providers (DeepSeek, Qwen, GLM, etc.)
- ✅ Test endpoint response times to find the fastest provider
- ✅ Manage MCP server configurations
- ✅ Auto-backup and import/export settings
- ✅ Cross-platform support (Windows, macOS, Linux)
**Setup:** Download from [Releases](https://github.com/farion1231/cc-switch/releases), install, add your API configs, and switch via UI or system tray.
### 📖 完整中文文档 / Full Chinese Documentation
请查看 [README.zh-CN.md](./README.zh-CN.md) 获取完整的中文文档。
For complete Chinese documentation, see [README.zh-CN.md](./README.zh-CN.md).
---
## 📦 Other Available Skills
### 1. **github-ops** - GitHub Operations Suite
Comprehensive GitHub operations using gh CLI and GitHub API.
**When to use:**
- Creating, viewing, or managing pull requests
- Managing issues and repository settings
- Querying GitHub API endpoints
- Working with GitHub Actions workflows
- Automating GitHub operations
**Key features:**
- PR creation with JIRA integration
- Issue management workflows
- GitHub API (REST & GraphQL) operations
- Workflow automation
- Enterprise GitHub support
**🎬 Live Demo**
![GitHub Ops Demo](./demos/github-ops/create-pr.gif)
---
### 2. **markdown-tools** - Document Conversion Suite
Converts documents to markdown with Windows/WSL path handling and Obsidian integration.
**When to use:**
- Converting .doc/.docx/PDF/PPTX to markdown
- Processing Confluence exports
- Handling Windows/WSL path conversions
- Working with markitdown utility
**Key features:**
- Multi-format document conversion
- Confluence export processing
- Windows/WSL path automation
- Obsidian vault integration
- Helper scripts for path conversion
**🎬 Live Demo**
![Markdown Tools Demo](./demos/markdown-tools/convert-docs.gif)
---
### 3. **mermaid-tools** - Diagram Generation
Extracts Mermaid diagrams from markdown and generates high-quality PNG images.
**When to use:**
- Converting Mermaid diagrams to PNG
- Extracting diagrams from markdown files
- Processing documentation with embedded diagrams
- Creating presentation-ready visuals
**Key features:**
- Automatic diagram extraction
- High-resolution PNG generation
- Smart sizing based on diagram type
- Customizable dimensions and scaling
- WSL2 Chrome/Puppeteer support
**🎬 Live Demo**
![Mermaid Tools Demo](./demos/mermaid-tools/extract-diagrams.gif)
---
### 4. **statusline-generator** - Statusline Customization
Configures Claude Code statuslines with multi-line layouts and cost tracking.
**When to use:**
- Customizing Claude Code statusline
- Adding cost tracking (session/daily)
- Displaying git status
- Multi-line layouts for narrow screens
- Color customization
**Key features:**
- Multi-line statusline layouts
- ccusage cost integration
- Git branch status indicators
- Customizable colors
- Portrait screen optimization
**🎬 Live Demo**
![Statusline Generator Demo](./demos/statusline-generator/customize-statusline.gif)
---
### 5. **teams-channel-post-writer** - Teams Communication
Creates educational Teams channel posts for internal knowledge sharing.
**When to use:**
- Writing Teams posts about features
- Sharing Claude Code best practices
- Documenting lessons learned
- Creating internal announcements
- Teaching effective prompting patterns
**Key features:**
- Post templates with proven structure
- Writing guidelines for quality content
- "Normal vs Better" example patterns
- Emphasis on underlying principles
- Ready-to-use markdown templates
**🎬 Live Demo**
![Teams Channel Post Writer Demo](./demos/teams-channel-post-writer/write-post.gif)
---
### 6. **repomix-unmixer** - Repository Extraction
Extracts files from repomix-packed repositories and restores directory structures.
**When to use:**
- Unmixing repomix output files
- Extracting packed repositories
- Restoring file structures
- Reviewing repomix content
- Converting repomix to usable files
**Key features:**
- Multi-format support (XML, Markdown, JSON)
- Auto-format detection
- Directory structure preservation
- UTF-8 encoding support
- Comprehensive validation workflows
**🎬 Live Demo**
![Repomix Unmixer Demo](./demos/repomix-unmixer/extract-repo.gif)
---
### 7. **llm-icon-finder** - AI/LLM Brand Icon Finder
Access 100+ AI model and LLM provider brand icons from lobe-icons library.
**When to use:**
- Finding brand icons for AI models/providers
- Downloading logos for Claude, GPT, Gemini, etc.
- Getting icons in multiple formats (SVG/PNG/WEBP)
- Building AI tool documentation
- Creating presentations about LLMs
**Key features:**
- 100+ AI/LLM model icons
- Multiple format support (SVG, PNG, WEBP)
- URL generation for direct access
- Local download capabilities
- Searchable icon catalog
**🎬 Live Demo**
![LLM Icon Finder Demo](./demos/llm-icon-finder/find-icons.gif)
---
## 🎬 Interactive Demo Gallery
Want to see all demos in one place with click-to-enlarge functionality? Check out our [interactive demo gallery](./demos/index.html) or browse the [demos directory](./demos/).
## 🎯 Use Cases
### For GitHub Workflows
Use **github-ops** to streamline PR creation, issue management, and API operations.
### For Documentation
Combine **markdown-tools** for document conversion and **mermaid-tools** for diagram generation to create comprehensive documentation. Use **llm-icon-finder** to add brand icons.
### For Team Communication
Use **teams-channel-post-writer** to share knowledge and **statusline-generator** to track costs while working.
### For Repository Management
Use **repomix-unmixer** to extract and validate repomix-packed skills or repositories.
### For Skill Development
Use **skill-creator** (see [Essential Skill](#-essential-skill-skill-creator) section above) to build, validate, and package your own Claude Code skills following best practices.
## 📚 Documentation
Each skill includes:
- **SKILL.md**: Core instructions and workflows
- **scripts/**: Executable utilities (Python/Bash)
- **references/**: Detailed documentation
- **assets/**: Templates and resources (where applicable)
### Quick Links
- **github-ops**: See `github-ops/references/api_reference.md` for API documentation
- **markdown-tools**: See `markdown-tools/references/conversion-examples.md` for conversion scenarios
- **mermaid-tools**: See `mermaid-tools/references/setup_and_troubleshooting.md` for setup guide
- **statusline-generator**: See `statusline-generator/references/color_codes.md` for customization
- **teams-channel-post-writer**: See `teams-channel-post-writer/references/writing-guidelines.md` for quality standards
- **repomix-unmixer**: See `repomix-unmixer/references/repomix-format.md` for format specifications
- **skill-creator**: See `skill-creator/SKILL.md` for complete skill creation workflow
- **llm-icon-finder**: See `llm-icon-finder/references/icons-list.md` for available icons
## 🛠️ Requirements
- **Claude Code** 2.0.13 or higher
- **Python 3.6+** (for scripts in multiple skills)
- **gh CLI** (for github-ops)
- **markitdown** (for markdown-tools)
- **mermaid-cli** (for mermaid-tools)
- **ccusage** (optional, for statusline cost tracking)
## ❓ FAQ
### How do I know which skills to install?
Start with **skill-creator** if you want to create your own skills. Otherwise, browse the [Other Available Skills](#-other-available-skills) section and install what matches your workflow.
### Can I use these skills without Claude Code?
No, these skills are specifically designed for Claude Code. You'll need Claude Code 2.0.13 or higher.
### How do I update skills?
Use the same install command to update:
```bash
/plugin marketplace install daymade/claude-code-skills#skill-name
```
### Can I contribute my own skill?
Absolutely! See [CONTRIBUTING.md](./CONTRIBUTING.md) for guidelines. We recommend using the skill-creator to ensure your skill meets quality standards.
### Are these skills safe to use?
Yes, all skills are open-source and reviewed. The code is available in this repository for inspection.
### How do Chinese users handle API access?
We recommend using [CC-Switch](https://github.com/farion1231/cc-switch) to manage API provider configurations. See the [Chinese User Guide](#-中文用户指南--chinese-user-guide) section above.
### What's the difference between skill-creator and other skills?
**skill-creator** is a meta-skill - it helps you create other skills. The other 7 skills are end-user skills that provide specific functionalities (GitHub ops, document conversion, etc.). If you want to extend Claude Code with your own workflows, start with skill-creator.
---
## 🤝 Contributing
Contributions are welcome! Please feel free to:
1. Open issues for bugs or feature requests
2. Submit pull requests with improvements
3. Share feedback on skill quality
### Skill Quality Standards
All skills in this marketplace follow:
- Imperative/infinitive writing style
- Progressive disclosure pattern
- Proper resource organization
- Comprehensive documentation
- Tested and validated
## 📄 License
This marketplace is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## ⭐ Support
If you find these skills useful, please:
- ⭐ Star this repository
- 🐛 Report issues
- 💡 Suggest improvements
- 📢 Share with your team
## 🔗 Related Resources
- [Claude Code Documentation](https://docs.claude.com/en/docs/claude-code)
- [Agent Skills Guide](https://docs.claude.com/en/docs/claude-code/skills)
- [Plugin Marketplaces](https://docs.claude.com/en/docs/claude-code/plugin-marketplaces)
- [Anthropic Skills Repository](https://github.com/anthropics/skills)
## 📞 Contact
- **GitHub**: [@daymade](https://github.com/daymade)
- **Email**: daymadev89@gmail.com
- **Repository**: [daymade/claude-code-skills](https://github.com/daymade/claude-code-skills)
---
**Built with ❤️ using the skill-creator skill for Claude Code**
Last updated: 2025-10-22 | Version 1.2.0