快速入门指南

快速入门指南

在不到 2 分钟的时间内开始使用 Claude Code 技能市场！

面向技能创建者

想要创建自己的技能？从这里开始！

步骤 1：安装 skill-creator

# 添加市场
claude plugin marketplace add https://github.com/daymade/claude-code-skills

# Marketplace 名称：daymade-skills（来自 marketplace.json）
# 安装 skill-creator
claude plugin install skill-creator@daymade-skills

步骤 2：初始化你的第一个技能

# 从模板创建一个新技能
skill-creator/scripts/init_skill.py my-first-skill --path ~/my-skills

这将生成：

~/my-skills/my-first-skill/
├── SKILL.md                  # 主技能文件
├── scripts/                  # 可执行代码
│   └── example_script.py
├── references/               # 文档
│   └── example_reference.md
└── assets/                   # 模板/资源
    └── example_asset.txt

步骤 3：自定义你的技能

编辑

~/my-skills/my-first-skill/SKILL.md

：

1. 更新前置信息 - 设置名称和描述
2. 编写"何时使用此技能" - 定义激活条件
3. 记录工作流 - 解释 Claude 应如何使用你的技能
4. 添加资源 - 根据需要创建脚本、参考文档或资源

步骤 4：验证你的技能

# 检查你的技能是否符合质量标准
skill-creator/scripts/quick_validate.py ~/my-skills/my-first-

## Code Examples

### README.md

Skill Demonstrations

This directory contains automated demonstrations of each skill using VHS (Video Home System) by Charmbracelet.

VHS allows you to write terminal recordings as code, making demos reproducible, version-controllable, and typo-free.

📁 Demo Structure

demos/
├── skill-creator/
│   ├── init-skill.tape          # Initialize a new skill
│   ├── validate-skill.tape       # Validate skill quality
│   └── package-skill.tape        # Package for distribution
├── github-ops/
│   └── create-pr.tape            # Create pull requests
├── markdown-tools/
│   └── convert-docs.tape         # Convert documents
└── generate_all_demos.sh         # Generate all GIFs

🎬 Generating Demos

Prerequisites

Install VHS:

macOS:

brew install vhs

Linux (with Go):

go install github.com/charmbracelet/vhs@latest

Or download from: https://github.com/charmbracelet/vhs/releases

Generate All Demos

### generate_all_demos.sh

#!/bin/bash set -e

echo "================================================" echo "Generating Claude Code Skills Demo GIFs" echo "================================================" echo ""

Colors for output

GREEN='\033[0;32m' YELLOW='\033[1;33m' RED='\033[0;31m' NC='\033[0m' # No Color

Check if VHS is installed

if ! command -v vhs &> /dev/null; then echo -e "${RED}Error: VHS is not installed!${NC}" echo "" echo "Install VHS to generate demo GIFs:" echo "" echo "macOS:" echo " brew install vhs" echo "" echo "Linux (with Go):" echo " go install github.com/charmbracelet/vhs@latest" echo "" echo "Or download from: https://github.com/charmbracelet/vhs/releases" echo "" exit 1 fi

echo -e "${GREEN}✓ VHS found${NC}" echo ""

Find all .tape files

TAPE_FILES=$(find demos -name "*.tape" -type f | sort) TOTAL=$(echo "$TAPE_FILES" | wc -l | tr -d ' ') CURRENT=0

echo "Found $TOTAL demo tape files" echo ""

Generate each demo

for tape_fi

### index.html

Claude Code Skills Marketplace - Demo Gallery * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: #333; line-height: 1.6; } .container { max-width: 1400px; margin: 0 auto; padding: 20px; } header { text-align: center; padding: 60px 20px; color: white; } header h1 { font-size: 3rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.3); } header p