我的 CC Skills 技能清单

这篇文章记录了我日常安装和使用的 Claude Code (CC) Skills。这些技能按照使用场景主要分为 推荐全局安装 和 按项目按需安装 两类。

1. 安装方式说明

Claude Code 支持两种主要安装方式（强烈推荐 Plugin 方式）：

常用管理命令：

• 查看已安装：/plugin list
• 更新 marketplace：/plugin marketplace update（可不带参数更新全部，或指定 marketplace 名称如 /plugin marketplace update claude-plugins-official）
• 重载插件：/reload-plugins（官方推荐方式）或通过 Plugin UI 操作。不同版本可能有差异。

关于 claude-plugins-official：这是 Anthropic 官方维护的 marketplace，在 Claude Code 启动时 自动可用，无需手动添加。如果遇到插件未找到的情况，优先执行 /plugin marketplace update 刷新；如需按名称刷新，请先用 /plugin marketplace list 确认当前环境中的 marketplace 名称。

安装作用域：/plugin install 通常默认安装到 user 作用域（全局生效）。如需项目级隔离，可使用当前 CLI 支持的 --scope project 或 --scope local 等参数；具体写入位置和共享行为以 claude --help、/plugin UI 和当前版本文档为准。

2. Plugin（全局插件级）

1. Superpowers

规范开发流程，防止 Claude 出现 “乱来” 的情况。核心作用是将 Claude 从一个缺乏规划的 “莽夫” 转变为按规矩办事、逻辑严密的 “工程师”。

包含的技能：

1
2
3
4
5
6

# 推荐安装（obra marketplace，更稳定且包含配套工具）
/plugin marketplace add obra/superpowers-marketplace
/plugin install superpowers@superpowers-marketplace

# 备选（官方 marketplace，自动可用，无需先 add）：
/plugin install superpowers@claude-plugins-official

GitHub: obra/superpowers

2. andrej-karpathy-skills

引入受 Andrej Karpathy 风格启发的极简编程习惯与最佳实践。通常用于规范 AI 的代码输出风格，使其更倾向于极简、高效、无冗余依赖且底层逻辑清晰的实现方式。该类配置属于 community-driven 方案，并非 Karpathy 官方发布。

1
2
3
4
5
6

# 推荐方式（Plugin，由 forrestchang 封装适配）
/plugin marketplace add forrestchang/andrej-karpathy-skills
/plugin install andrej-karpathy-skills@karpathy-skills

# 备选方式 CLAUDE.md（每个项目一个）
curl -o CLAUDE.md https://raw.githubusercontent.com/forrestchang/andrej-karpathy-skills/main/CLAUDE.md

GitHub: multica-ai/andrej-karpathy-skills

3. Claude Mem

致力于解决 AI 的长期记忆问题。它通过本地进程与存储组件捕获 Claude 在开发过程中的关键操作、观察结果和技术决策，并将其整理为后续可检索的记忆结构，用于提升跨会话上下文连贯性。

1
2
3
4
5
6

# 推荐：npx 方式（自带 CLI 安装器，自动完成 hooks 注册、worker 服务启动等完整配置）
npx claude-mem install

# 备选：Plugin 方式
/plugin marketplace add thedotmack/claude-mem
/plugin install claude-mem

GitHub: thedotmack/claude-mem

提示：Claude Mem 的记忆数据由本地 worker 管理，通常使用 SQLite 等本地存储；具体路径和项目/用户级存储策略可能随版本与配置变化，不建议在文档中写死为单一路径。注意：npm install -g claude-mem 仅安装 SDK 库，不一定会注册 hooks 或启动 worker，务必以官方推荐的安装命令和当前文档为准。

4. Ponytail

核心理念：像最懒的 senior dev 思考——“最好的代码是没写过的代码”。强制 YAGNI、最简方案、标准库优先。

实测效果：平均减少 ~54% 代码量（最高 94%），显著降低 token 消耗，同时保留安全检查（验证、错误处理和安全性始终 100% 保留）。

1
2

/plugin marketplace add DietrichGebert/ponytail
/plugin install ponytail@ponytail

GitHub: DietrichGebert/ponytail

提示：Ponytail 的 Claude Code 和 Codex 插件运行两个 Node.js 生命周期 hooks，需要 node 在 PATH 中可用（Nix/nvm 用户注意：需在非交互式 shell 的 PATH 中）。

5. Context7

专门解决 “文档过期” 问题。它能将最新的、特定版本的官方文档与代码示例直接拉入上下文中，避免 Claude 仅依赖训练数据中过时的老旧记忆来编写代码，大幅提高 API 调用的准确率。

安装方式（Plugin + MCP Server 配合）：Context7 由 plugin + MCP server + optional commands 组成：

• Plugin 提供触发入口；
• MCP Server 负责实际文档拉取。

1
2

/plugin marketplace add upstash/context7
/plugin install context7@context7-marketplace

Docs: Context7 Claude Code

提示：具体提供的 skills、agents、commands 取决于插件版本，以官方文档为准。Context7 可按服务端能力配置 API Key 以获得更高额度或扩展能力，但这不是 Claude Code 使用 Context7 的必需项。

6. planning-with-files

主要用于解决 Claude “短期记忆不靠谱” 的痛点。它能将计划、进度等关键信息 持久化写入 Markdown 文件（task_plan.md、findings.md、progress.md），让任务进度有迹可循。可用于辅助记录与恢复任务状态（非自动恢复，具体效果取决于 hooks 实现和版本）。

包含的技能（存在多语言版本，通常只需保留中英文即可）：

1
2
3
4
5
6

# 推荐：Plugin 方式（可能提供 /plan-goal、/plan-loop 等斜杠命令，具体取决于插件版本）
/plugin marketplace add OthmanAdi/planning-with-files
/plugin install planning-with-files@planning-with-files

# 备选：npx 方式（仅安装 SKILL.md，不含 commands/ 目录）
npx -y skills add OthmanAdi/planning-with-files --skill planning-with-files --agent claude-code

GitHub: OthmanAdi/planning-with-files

提示：Plugin 方式通常会比 npx 单 skill 安装获得更完整的集成能力；是否包含 commands/ 目录、/plan-goal、/plan-loop 等斜杠命令取决于插件版本。npx 方式通常更接近“安装单个 skill 文件”。

7. Playwright

让 Claude 具备浏览器自动化能力。可以控制浏览器进行网页操作、截图、表单填写、点击等，适合做端到端测试、网页爬取、自动化任务等场景。

主要功能：

1
2

# claude-plugins-official 自动可用，无需先 add marketplace
/plugin install playwright@claude-plugins-official

GitHub: anthropics/claude-plugins-official

8. skill-creator

用于将日常开发经验沉淀为专属的 Skill。该插件能一步步引导定义 Skill 的触发时机、执行步骤、输出格式以及效果测试方法，是打造个性化 AI 助手的利器。现已包含 evals/benchmark 功能，可以量化测试 Skill 的效果，包括描述优化（优化 SKILL.md frontmatter 中的 description 以提高触发准确率）。

1
2

# claude-plugins-official 自动可用，无需先 add marketplace
/plugin install skill-creator@claude-plugins-official

GitHub: anthropics/claude-plugins-official

3. 按项目按需安装

说明：这里的 “按项目按需安装” 是指这些 Skill 针对特定前端/代码审查场景设计，而非严格限定只能在单个项目中使用。实际作用域取决于安装参数、插件能力和本地配置；如需项目隔离，请优先查看当前 CLI 的 --scope 支持或手动管理项目内的 .claude/skills/ 文件夹。

1. ui-ux-pro-max

大幅提升前端界面的 UI/UX 设计质量。它为 Claude 补充了丰富的设计常识（如配色、字体、布局、图表、交互及设计风格），避免每次都生成 “AI 感拉满” 的死板页面。包含 丰富的 设计规则、UI 风格、配色方案和字体搭配知识库，覆盖 React、Next.js、Vue、Svelte、SwiftUI、React Native、Flutter、Tailwind、shadcn/ui 等常见技术栈。

包含的技能：

1
2

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

GitHub: nextlevelbuilder/ui-ux-pro-max-skill

提示：需要 Python 3.x 用于搜索脚本。

2. web-design-guidelines

堪称前端上线前的 “严格检查员”。它会按照主流 Web 设计规范审查 UI，细节覆盖可访问性、响应式设计、焦点状态、表单、动画、图片、性能、导航状态、暗黑模式及触摸交互等方方面面。规则数量和更新机制可能随仓库版本变化，建议以 Vercel 仓库当前说明为准。

1
2
3
4
5

# 方式一：npx（标准格式）
npx -y skills add vercel-labs/agent-skills --skill web-design-guidelines --agent claude-code

# 方式二：curl 一键安装（支持 Claude Code、Cursor、OpenCode、Windsurf、Gemini CLI）
curl -fsSL https://webinterfaceguidelines.com/install | bash

GitHub: vercel-labs/agent-skills

3. code-review-and-quality

专注代码质量把控。像一位严格的资深工程师一样，从正确性、可读性、架构、安全和性能等多个维度对代码进行 Code Review，把关当前的 Diff 是否有资格合入主分支。由 Addy Osmani 创建，通常包含多个技能、命令和 hooks；具体数量和结构以仓库当前版本为准。

1
2
3
4
5
6

# 方式一：Plugin marketplace（推荐，支持 hooks 等完整功能）
/plugin marketplace add addyosmani/agent-skills
/plugin install agent-skills@addy-agent-skills

# 方式二：npx（仅安装单个 skill）
npx -y skills add addyosmani/agent-skills --skill code-review-and-quality --agent claude-code

GitHub: addyosmani/agent-skills

4. 小结一览

维护建议：Claude Code 和 community plugin 迭代都很快，建议每 1-2 个月执行 /plugin marketplace update 刷新 marketplace，并查看各 GitHub 仓库的最新 README 确认命令、作用域、hooks、MCP 配置和 slash commands 是否变更。