Skip to content
inferred from GitHub

claude skills cn

覆盖 Anthropic 官方 Skills、obra/superpowers plugin、社区高质量 Skill 的 中文教程长文

Core trick

Astro static site renders 106 Chinese articles with Mermaid flowcharts and offline Pagefind search.

Evidence

README matched ""Cerebral Valley" "Opus 4.6"": sources/cache/2026-06-02-batch/_decoded/affaan-m_ecc.readme.json.md

Tags

fanshanhong/claude-skills-cn★ 20 forksPythonCreated Jun 3, 2026 · last push Jun 6, 2026

README excerpt

# Claude Skills 中文市集

**[claudeskill.me](https://claudeskill.me)** — 106 篇 Claude Code Skills & AI 工具的中文深度解析,每篇都有流程图、实战 Demo、踩坑指南。

## 站点特性

- 106 篇中文文章,覆盖 superpowers / oh-my-claudecode / ecc / gstack 等主流 Skill 套件及独立 AI 工具
- 每篇文章包含:一句话简介、使用场景、安装命令、核心机制 mermaid 流程图、实战 Demo、常见坑
- 全站搜索(Pagefind,离线可用)
- 按套件 / 类型标签筛选
- Dark Mode
- SEO 友好(sitemap / robots.txt / Open Graph)

## 技术栈

| 层 | 选型 |
|---|------|
| 框架 | Astro (SSG) |
| 搜索 | Pagefind |
| 流程图 | Mermaid |
| 部署 | Cloudflare Workers |
| 域名 | claudeskill.me (Cloudflare DNS) |

## 项目结构

```
claude-site/
├── articles/                   # Markdown 文章源文件
│   ├── 2026-06-01-batch/       #   第一批 34 篇
│   ├── 2026-06-02-batch/       #   第二批 70 篇
│   └── 2026-06-05-batch/       #   第三批 2 篇(MinerU、Comet)
├── marketing/                  # 推广话术 & 渠道追踪
│   ├── copy/                   #   各平台投放文案
│   └── channel-tracking.md     #   渠道状态追踪表
├── sources/                    # 批次配置 & 抓取脚本
├── web/                        # Astro 工程
│   ├── src/
│   │   ├── content.config.ts   #   内容集合 schema
│   │   ├── pages/              #   页面路由
│   │   ├── layouts/            #   布局组件
│   │   └── components/         #   UI 组件
│   └── public/                 #   静态资源
└── wrangler.toml               # Cloudflare Workers 配置
```

## 本地开发

```bash
cd web
npm install
npm run dev
# 访问 http://localhost:4321
```

构建:

```bash
npm run build    # Astro SSG + Pagefind 索引
```

## 文章生成流程

1. 在 `sources/` 中配置批次 YAML(GitHub 仓库 URL、source_type 等元数据)
2. 通过 GitHub Contents API