// skills

给 Agent 装上超能力

Skill,让 Claude Code 从聪明的实习生,变成全能的工程师。

给新人一本手册

把 Agent 想成刚入职的实习生:很聪明,理解力强,啥都能聊。但你真让他干活,他最大的问题从来不是智商,是不熟你家规矩

Prompt 是你站在他旁边,当场口头交代任务。今天让他写一段开头,明天让他改语气。它天然适合一次性的、临场的指令——但你一关对话,它就像你刚说过的话一样,没了

Skill 是你给他一本公司的 SOP 手册。不是一张长到让人窒息的 Word,而是一个知识库文件夹——里面可以放规范、脚本、模板、参考资料。Agent 会在需要时自己去翻。

Skill 的本质:把你的流程性知识,变成可复用的能力包。随叫随到,稳定发挥。

渐进式披露

人的瞬时记忆区太小了,一瞬间只能接受最多 7±2 个信息块。AI 因为受限于 Token,在本质上是一模一样的。

所以 Skill 的设计是:先放目录,再放章节,最后放附录

Skill 的元信息先加载一小段,让模型知道"有这么个手册,适用范围是啥"。当它判断这次任务真用得上,再把完整的 SKILL.md 读进上下文。要是还不够,再按需去读你在文件夹里附带的其他文件。

↳ 为什么这很重要

在大模型交互中,对话越长,模型越笨。Token 在 Agent 架构设计上寸土寸金。渐进式披露既保证执行准确,又省下大量 Token。

如何使用 Skill

两种方式,选一种就行。

方法一:命令安装 推荐

直接在 Claude Code 里说:

安装这个 skill,skill 项目地址为:
https://github.com/danger-English/claude-code-intro/tree/master/skills/skill-creator

复制后直接发给 Claude,它会自动帮你下载并安装。

方法二:从本页下载

点击下方「一键下载全部 Skill」按钮,获取打包好的 zip 文件。

解压后放到 ~/.claude/skills/ 目录

无需翻墙,文件已内置于本站仓库。Claude Code 支持热重载,无需重启。

方法三:手动安装

将 Skill 文件夹放到指定目录:

~/.claude/skills/

手动创建 skills 文件夹,放入即可。Claude Code 支持热重载,无需重启。

五个必装 Skill

从获取到创造,形成完整闭环。

一键下载全部 Skill(231KB)

下载后解压,将文件夹放到 ~/.claude/skills/ 目录即可

web-access

给 Claude Code 一双眼睛

有了它,其他 Skill 的安装都变得简单。Claude Code 可以直接打开 GitHub,帮你安装你需要的任何 Skill。

  • 访问任意网页,获取实时信息
  • 通过 CDP 操控浏览器,完成复杂交互
  • 自动获取和安装其他 Skill
~/project — Claude Code
安装这个 skill,项目地址为: https://github.com/danger-English/claude-code-intro/tree/master/skills/web-access
✓ Skill installed — web-access ready
下载文件夹(29KB)

superpowers

让 Claude Code 学会系统性思考

不只是写代码,而是像资深工程师一样思考。从需求分析到代码实现,全流程专业化。

  • Brainstorming:想法 → 完整设计
  • TDD:测试驱动开发,保证质量
  • 并行 Agent:多任务同时推进
~/project — Claude Code
安装这个 skill,项目地址为: https://github.com/danger-English/claude-code-intro/tree/master/skills/using-superpowers
✓ Skill installed — superpowers ready
下载文件夹(121KB)

frontend-design

做出专业级的前端界面

做产品,界面是第一印象。这个 Skill 让 Claude Code 不只是能写代码,还能做出让人惊艳的界面。

  • 高质量 UI 设计,避免 AI 审美
  • 组件化架构,可维护性强
  • 响应式适配,移动端友好
~/project — Claude Code
安装这个 skill,项目地址为: https://github.com/danger-English/claude-code-intro/tree/master/skills/frontend-design
✓ Skill installed — frontend-design ready
下载文件夹(5.9KB)

skill-creator

从使用者变成创造者

当你有了自己的工作流程,把它封装成 Skill,就能无限复用。这个 Skill 让你从使用者变成创造者。

  • 分析需求,生成 Skill 结构
  • 编写 SKILL.md,定义触发条件
  • 创建示例和文档
~/project — Claude Code
安装这个 skill,项目地址为: https://github.com/danger-English/claude-code-intro/tree/master/skills/skill-creator
✓ Skill installed — skill-creator ready
下载文件夹(73KB)
迭代

skill-evolution-manager

让 Skill 越用越聪明

Skill 不是写完就完了。这个 Skill 让你的 Skill 越用越聪明,越用越顺手。

  • 记录 Skill 运行中的错误和经验
  • 自动迭代优化 SKILL.md
  • 跨会话保持进化记录
~/project — Claude Code
安装这个 skill,项目地址为: https://github.com/danger-English/claude-code-intro/tree/master/skills/skill-evolution-manager
✓ Skill installed — skill-evolution-manager ready
下载文件夹(2.6KB)

Skill 的价值,在于复用。

从一个 Skill 开始,感受复用的力量。

逐步封装更多工作流程。

最终进入自由创造的状态。

这就是 Skill 的意义。