Claude Code Skills 完全指南（111+ 个 Skills）

为什么要用 Skills？

Claude Code 本身已经很强大，但在实际开发中会遇到三个瓶颈：

1. 上下文不够：一个复杂任务需要大量背景知识，但上下文窗口有限
2. 工作流缺失：Claude Code 不知道你的团队用什么分支策略、怎么做 code review
3. 领域专精不足：UI 设计、PPT 制作这类任务需要大量领域知识

Skills 就是解决这三个问题的插件系统。它本质上是一个包含 SKILL.md 的文件夹，通过 YAML frontmatter 定义触发条件。安装后，Claude Code 会根据你的意图自动选择合适的 Skill。

为什么不直接用 prompt？

结论：简单规则用 CLAUDE.md，复杂工作流用 Skills。

三级加载机制

Skills 采用懒加载设计，避免一次性塞满上下文：

为什么这样设计？ 元数据常驻是为了让 Claude Code 知道"有哪些 Skills 可用"，但正文只在需要时加载，节省 token。

安装方式

三种方式，按场景选择：

# 方式一：Claude Marketplace（推荐，官方审核）
claude plugin marketplace add <owner>/<repo>
claude plugin install <plugin-name>@<marketplace-name>

# 方式二：npx skills（社区 Skills，最常用）
npx skills add <owner>/<repo-name>

# 方式三：专用 CLI（少数 Skills 需要）
npm install -g ui-ux-pro-max-cli
uipro init --ai claude

选择建议：优先用 Marketplace（有安全审核），社区 Skills 用 npx skills add。

Skill 选择决策树

面对 54+ 个 Skills，如何快速选到合适的？按这个流程走：

你要做什么？
├── 写代码
│   ├── 需要规划？ → planning-with-files
│   ├── 需要审查？ → code-review
│   ├── 需要调试？ → superpowers/systematic-debugging
│   └── 需要重构？ → code-simplifier
├── 做设计
│   ├── UI/UX？ → ui-ux-pro-max
│   ├── PPT？ → 见下方 PPT 选择表
│   └── 海报/艺术？ → canvas-design
├── 处理文档
│   ├── Word/PDF/Excel/PPT？ → docx/pdf/xlsx/pptx
│   └── 知识管理？ → graphify
├── 提升效率
│   ├── 省 token？ → rtk / caveman
│   ├── 跨会话记忆？ → claude-mem
│   └── 工程规范？ → agent-skills
└── 其他
    ├── 深度访谈？ → grillme
    └── 创建新 Skill？ → skill-creator

官方核心 Skills（12 个）

来自 Anthropic 官方 marketplace，质量有保障。

必装 Skills

文档处理 Skills

创意设计 Skills

社区热门 Skills

任务规划：planning-with-files

解决什么问题？ Claude Code 经常"跑偏"——做到一半忘记目标，或者重复已经做过的步骤。

怎么解决？ 用 3 个文件强制结构化：

• task_plan.md — 任务阶段和进度（含复选框，Claude 必须勾选才能继续）
• findings.md — 调研结果（避免重复搜索）
• progress.md — 会话日志（跨会话可追溯）

效果：通过率从 6.7% 提升到 96.7%（官方测试数据）。

安装：npx skills add OthmanAdi/planning-with-files

编程原则：andrej-karpathy-skills

为什么值得装？ Karpathy 的 4 条原则直接解决了 Claude Code 最常见的 4 个坏习惯：

安装：npx skills add andrej-karpathy/andrej-karpathy-skills

开发工作流：superpowers（14 个技能）

一个 Skill 包含 14 个子技能，覆盖完整开发周期：

核心技能（最常用）：

• test-driven-development — TDD，先写测试再写代码
• systematic-debugging — 结构化调试，不瞎猜
• brainstorming — 头脑风暴，生成多个方案再选

协作技能：

• dispatching-parallel-agents — 并行派发多个 Agent
• subagent-driven-development — 用子 Agent 做具体实现
• requesting-code-review / receiving-code-review — 代码审查流程

其他：writing-plans、executing-plans、verification-before-completion、writing-skills、using-git-worktrees、finishing-a-development-branch

安装：npx skills add obra/superpowers

UI/UX 设计：ui-ux-pro-max

为什么选它？ 84 种 UI 风格 + 192 种调色板 + 74 种字体搭配，相当于一个随身设计系统。

注意：仓库名是 nextlevelbuilder/ui-ux-pro-max-skill（有 -skill 后缀）。

安装：

npm install -g ui-ux-pro-max-cli
uipro init --ai claude

网页访问：web-access（8.4k stars）

解决什么问题？ Claude Code 默认无法访问网页，但很多任务需要查文档、搜 API。

怎么解决？ 用 CDP（Chrome DevTools Protocol）模式，支持登录态，可以访问需要认证的页面。三层通道调度 + 浏览器 CDP + 并行分治。

仓库：eze-is/web-access

安装：

# 方式一：Claude Marketplace（推荐）
claude plugin marketplace add eze-is/web-access
claude plugin install web-access@web-access

# 方式二：npx skills
npx skills add eze-is/web-access

HTML PPT 生成 Skills

专门用于生成 HTML 演示文稿，比传统 PPT 更灵活（支持动画、响应式、代码高亮）。

按需求选择

仓库链接：

• lewislulu/html-ppt-skill — 7.3k stars
• alchaincyf/huashu-design — 21.8k stars
• vigorX777/ppt-svg-generator — 248 stars
• 1weiho/open-slide — 5.9k stars

完整索引：awesome-html-slide-skills

工程效率 Skills

agent-skills（79.2k stars）— Google 工程师出品

为什么值得装？ 24 个生产级工程技能，覆盖完整开发生命周期：

Define → Plan → Build → Verify → Review → Ship

按阶段选择：

其他技能：context-engineering, deprecation-and-migration, documentation-and-adrs, doubt-driven-development, git-workflow-and-versioning, observability-and-instrumentation, performance-optimization, security-and-hardening, source-driven-development, test-driven-development, using-agent-skills, interview-me

安装：npx skills add addyosmani/agent-skills

claude-mem（87.8k stars）— 跨会话记忆

解决什么问题？ Claude Code 每次对话都是"失忆"的，之前讨论的决策、调研的结论全部丢失。

怎么解决？ 18 个技能实现记忆持久化，核心能力：知识存储（mem-search）、知识图谱（learn-codebase）、进度追踪（standup、timeline-report）。

安装：npx skills add thedotmack/claude-mem

graphify（91.2k stars）— 代码知识图谱

解决什么问题？ 大型代码库难以理解，文档分散在各处。

怎么解决？ 将代码、文档、论文、图片、视频转换为可查询的知识图谱，支持语义搜索。

安装：npx skills add Graphify-Labs/graphify

Token 优化 Skills

Claude Code 按 token 计费，这些 Skills 能显著降低成本：

仓库链接：

• rtk-ai/rtk — CLI proxy，单个 Rust 二进制文件
• JuliusBrussee/caveman — 为什么用很多 token 当少 token 能 trick
• headroomlabs-ai/headroom — 压缩工具输出、日志、文件

选择建议：rtk 效果最好但可能影响可读性，caveman 适合不需要优雅输出的场景，headroom 最温和。

其他高价值 Skills

taste-skill（65.1k stars）

解决什么问题？ Claude 生成的内容"正确但无聊”——技术上没问题，但缺乏品味。

怎么解决？ 赋予 AI “好品味”，防止生成模板化、无趣的内容。

仓库：Leonxlnx/taste-skill

安装：

# 方式一：npx skills（推荐）
npx skills add Leonxlnx/taste-skill

# 方式二：Claude Marketplace
claude plugin marketplace add Leonxlnx/taste-skill
claude plugin install taste-skill@Leonxlnx-taste-skill

学习资源

实战场景

场景 1：从零开发一个功能

你：帮我实现用户登录功能

Claude Code 会自动：
1. 调用 planning-with-files 制定计划
2. 调用 superpowers/test-driven-development 先写测试
3. 实现代码
4. 调用 code-review 审查
5. 调用 verification-before-completion 验证

场景 2：给老板做 PPT

你：帮我做一个关于 Q3 业绩的 PPT，麦肯锡风格

Claude Code 会：
1. 调用 Mck-ppt-design-skill 生成麦肯锡风格的 HTML PPT
2. 自动应用专业图表和布局
3. 输出可直接演示的 HTML 文件

场景 3：调试一个诡异的 bug

你：这个 API 偶尔返回 500，但本地无法复现

Claude Code 会：
1. 调用 systematic-debugging 结构化排查
2. 调用 observability-and-instrumentation 添加日志
3. 调用 browser-testing-with-devtools 模拟线上环境

最佳实践

1. 安装策略

不要贪多。装太多 Skills 会：

• 占用上下文（每个 Skill 的元数据常驻）
• 降低触发准确率（相似功能的 Skills 会冲突）
• 增加安全风险

推荐优先级：

2. 使用技巧

• 触发词：在 SKILL.md 的 description 中包含明确的触发词，提高触发准确率
• 渐进加载：保持 SKILL.md 在 500 行以内，大内容放 references/
• 测试验证：使用 skill-creator 的评估功能测试新技能

3. 安全注意事项

• 安全评估：安装时注意查看 Security Risk Assessments
• 权限控制：Skills 以完整 agent 权限运行，谨慎安装
• 来源可信：优先选择知名作者或官方仓库的 skills

参考资源

• Anthropic 官方 Skills 仓库
• awesome-claude-skills — 1000+ skills 汇总
• awesome-html-slide-skills — HTML PPT skills 索引
• agent-skills — Google 工程师 24 个生产级技能
• claude-mem — 跨会话记忆持久化
• graphify — 代码知识图谱
• ui-ux-pro-max — UI/UX 设计智能
• planning-with-files — 文件式任务规划

附录：完整 Skills 清单（111 个）

一、Claude Marketplace 插件（12 个）

二、.agents/skills/ 目录（51 个）

🎯 工程效率类（24 个 - agent-skills）

💾 记忆持久化类（18 个 - claude-mem）

🎨 HTML PPT 类（8 个）

🧠 代码知识图谱（1 个）

三、.claude/skills/ 符号链接（24 个）

四、.claude/skills/ Android 相关（24 个）

五、配置的 Marketplaces（7 个）

📊 统计总览

本文基于 2026-07-21 的实际安装和调研整理，Skills 生态持续更新中。