10 个 Claude 技能：完整地图

10 个 Claude 技能。完整地图。 July 20, 2026 · 阅读时长11分钟 · 查看原文 ↗ Claude AI 自动化 设计 一个技能（skill），是 Claude 按需读取的一个文件夹。不是提示词。不是 agent。不是插件。一个 markdown 文件，加上几个辅助文件，放在一个特定目录里，Claude 在任务需要时加载它，并在那个任务的持续期间改变 Claude 的行为。 你正在读的这篇文章，是 2026 年 7 月最重要的十个技能的地图。每个技能做什么。什么时候用。没有它什么会坏。先装哪个。以及那个让其余九个复利的元技能。 六个部分。第 4 部分是你挑选前三个的过滤器。如果你什么都不读，就把那部分读两遍。 第 1 部分。技能到底是什么 技能不是三样东西。 它不是提示词。提示词活在一次对话里。技能活在一个文件夹里，按需被拉进任何一次对话。提示词会烧掉。技能会累积。 它不是 agent。agent 是一个带目标、验证器和停止条件的循环。技能是 agent 在其循环内部使用的能力层。两者协同工作。它们不是一回事。 它不是插件。插件是运行时执行的代码。技能是模型读取的指令和示例。插件运行。技能教学。 技能真正是什么：一个文件夹，根目录有一个 markdown 文件，解释做某件具体工作的一种具体方式，外加 Claude 做那件工作时需要的任何辅助模板或代码。当 Claude 看到一个与技能声明目的匹配的任务时，它就读取那个文件夹，遵循里面的内容。 复利优势在于：你构建一次、测试良好的十个技能，取代了你每次会话都得记住并重写的一千条提示词。 第 2 部分。10 个技能 下面这十个技能覆盖了大多数 Claude 构建者实际需要的表面积。它们由十个不同的作者在 2025 到 2026 年间构建。每一个都是你安装的文件夹，不是订阅的服务。 1. Frontend Design（前端设计）。强制 Claude 用一套有明确美学的前端代码来生成，而不是每个模型都默认的奶油色加紫色渐变模板。声明 Brutalism、Minimalism、Retro-Futurism，或一个自定义命名的运动，然后生成与该选择一致的组件。 没有它会坏什么：每个生成的落地页看起来都是同一个 2024 年 Stripe 克隆。它给你什么：看起来是有意为之的网站和仪表盘。 2. Algorithmic Art（算法艺术）。通过 p5.js 做生成艺术。产出带滑块、种子输入和「下一个/随机」按钮的交互式 HTML 作品。参数实时变化。变体被保存。这个技能是进入 NFT 集合生成、生成式版画和落地页主视觉变体的实用入口。 没有它会坏什么：Claude 每条提示词只产出一张静态图片。你想要的是整个系列。 3. Systematic Debugging（系统化调试）。一个建立在根因分析（Root Cause Analysis）之上的四阶段找 bug 流程。它不是「试试这个、试试那个」，而是强加一个带显式组件边界日志的结构化拆解。报告结果：bug 在 15 到 30 分钟内修好，而不是 2 到 3 小时的混乱猜测。 没有它会坏什么：你和 Claude 花一个下午交换假设。它给你什么：一条有记录的诊断轨迹。 4. Canvas Design（画布设计）。创建海报、书籍封面、单页说明和静态视觉，输出 PNG 和 PDF。首先定义一套设计哲学（一个有自己的原则的命名运动），然后让每一个输出都对照那套哲学来执行。不是泛泛的 AI 图片。是有逻辑支撑的设计输出。 没有它会坏什么：Claude 产出图库照片质量的装饰性废话。它给你什么：你愿意拿给客户看的封面。 5. Theme Factory（主题工厂）。十个现成的专业主题（颜色、字体、间距刻度），一条命令就能应用到任何作品上。幻灯片、文档、落地页、报告、仪表盘。或者当场生成一个新主题，并在同一次会话里应用到每一个作品上。省下那 20 分钟的「会话税」——在你开始构建之前手动设置样式。 没有它会坏什么：每个作品看起来都像黑客松演示。它给你什么：你一周内交付的所有东西的一致性。 6. Web Artifacts Builder（Web 作品构建器）。用于 claude.ai 里的复杂 Web 作品。脚手架搭好 React 18、TypeScript、Tailwind 和 40+ 个 shadcn/ui 组件，然后把整个东西打包成一个带功能路由和状态的单个 HTML 文件。如果你的本能是做一个真正的应用而不是「hello world」，这就是那个技能。 没有它会坏什么：你的作品是一个没有状态的单一视图。它给你什么：感觉像应用的应用。 7. Superpowers（超能力）。Jesse Vincent 做的一整套 agentic 编程框架。包含 20+ 个子技能，覆盖 TDD、头脑风暴、规划、代码审查、git worktree 管理和子 agent 驱动的开发。在这个框架下工作的 Claude 能自主运行更长的时段，而无需人工干预把它带偏。这一档能把一次编码会话变成一次行动。 没有它会坏什么：你每十五分钟打断 Claude 一次来重新定向。它给你什么：一个晚上放手交付。 8. File Search（文件搜索）。来自 MassGen 项目。用 ripgrep 做文本、ast-grep 做 AST 级语法查询的快速代码库搜索。当 Claude 被丢进一个陌生的仓库，或者你让它找出某个函数该在每一处被重构的地方时，这个技能相比默认的 grep 和 find 调用能省下几个小时。 没有它会坏什么：Claude 读整个文件来回答两个搜索调用就能解决的问题。它给你什么：仓库规模的精确度。 9. Context Optimization（上下文优化）。一套上下文工程技能的集合，覆盖压缩（compaction）、工具输出遮蔽、KV-cache 复用和多 agent 上下文分区。如果你的 Claude 会话在 30 分钟真实工作后就耗尽了上下文，问题不是模型。是缺少这些技能。 没有它会坏什么：会话在第 25 条消息就死了，而不是第 400 条。它给你什么：没有上下文墙的整日会话。 10. Skill Creator（技能创建器）。元技能。教 Claude 如何创建自己的新技能，并内置评估、基准和测试。一旦安装，你与 Claude 解决的每个新问题，都会变成你技能库里的一项新技能。另外九个来自别的构建者。这一个让你生产自己的。 没有它会坏什么：你的技能库封顶在别人写的那十个技能。它给你什么：一个每次你构建新东西都会增长的库。 第 3 部分。如何安装和组织 安装就是一个放在特定位置的文件夹。在 Claude Code 里，技能位于 Claude 启动时扫描的目录里。在 Claude Cowork 里，技能按项目加载。细节因客户端而异。原则一样：一个根目录带 markdown 文件的文件夹、可选的辅助文件，以及一个与技能声明目的匹配的名字。 推荐的目录结构： /claude-skills/ frontend-design/ SKILL.md references/ algorithmic-art/ SKILL.md examples/ systematic-debugging/ SKILL.md templates/ ... 两条区分「能用的安装」和「坏掉的安装」的操作规则。 第一条：不要一次加载全部十个技能。十个技能文件躺在系统提示词里的上下文成本，正是你的会话在第 25 条消息就死掉的全部原因。按当前任务按需加载技能。写得好得技能会声明它的触发条件，所以客户端会自动处理。写得烂的技能会渗进每一次对话。 第二条：按结果命名技能，而不是按工具。 "systematic-debugging" 是结果。 "root-cause-analysis-framework" 是工具。当 Claude 在对话里看到一个 bug，它伸手去拿的是以结果命名的技能，而不是工具。 第 4 部分。先装哪个技能 如果你把十个全装上、还想全用上，你会烧掉一个周末做设置，最后只用上两个。顺序很重要。下面的顺序基于「哪些技能装得越早回报越大」。 如果你是前端开发者： 1. Frontend Design（立竿见影的输出质量提升） 2. Web Artifacts Builder（能用的应用，不是玩具） 3. Theme Factory（跨项目一致的样式） 如果你是内容创作者或设计师： 1. Canvas Design（封面、单页、静态视觉） 2. Algorithmic Art（主视觉和 NFT 的变体） 3. Theme Factory（跨帖子的一致性） 如果你是后端或系统开发者： 1. Systematic Debugging（最大的时薪提升） 2. File Search（规模化的仓库理解） 3. Context Optimization（能撑过真实工作的会话） 如果你在跑 agentic 工作流： 1. Superpowers（agentic 那一档） 2. Context Optimization（在长周期里避开上下文墙） 3. Skill Creator（用你构建的东西扩展技能库） 每个读者无论如何都应该装的两个技能： Context Optimization（通用：每次会话都受益） Skill Creator（倍增器：扩展技能库） 先装那两个通用技能。再装匹配你工作的那三个。然后随着新问题出现，再装更多技能。不要在第一天就装全部十个。 第 5 部分。10+ 个技能时什么会坏 一个在 5 个技能时解决问题的技能库，会在 20 个时开始制造问题。 要警惕三种失败模式。 上下文污染。每个加载进系统提示词的技能，在每次调用上都要花 token。十个技能，每个 800 token，就是每条消息 8000 token 的开销。如果你的会话随着库的增长而越来越早被截断，这就是原因。修剪常驻加载的那一组。把不常用的技能移到按需加载。 技能冲突。两个都声称对同一任务有管辖权的技能，会让 Claude 两个都加载、两个都遵循，产出谁都不满意的输出。常见例子：两个「设计」技能，一个做画布，一个做前端，都被拉去处理一个落地页模型。解法是在每个技能声明的目的里做显式的消歧。 成本倍增。一次加载五个技能的对话，成本不是普通对话的五倍。是七到十二倍，因为技能常常互相引用彼此的输出。随着库增长，给你的「每次被接受输出的成本」建模。当数字攀升时，审计哪些技能拉得多、贡献得少。 重建触发器。当你的技能库达到十五个或更多技能时，抽一个周末做审计。合并重叠的技能。删掉你三个月没碰过的技能。用你从删掉的技能里学到的东西，重写你天天用的那些。每个库每年都要重建一次。 第 6 部分。元技能 上面九个技能来自别的构建者。第十个，Skill Creator，是让你生产第十一个、第十二个和第 100 个的东西。 Skill Creator 是一套元指令集。它教 Claude 一个好技能的形状：声明的目的、触发条件、必需的辅助文件、内置的评估（用来验证技能在编辑之后仍然有效）。你某个下午手动解决的每个问题，到晚上就变成一个 Claude 生成的技能。 十二个月的复利效应才是真正的产品。 第 1 个月：10 个已装技能，0 个是你写的 第 3 个月：15 个技能，5 个是你写的 第 6 个月：25 个技能，15 个是你写的 第 12 个月：40 到 60 个技能，大多数是你的 第 24 个月：一个个人技能库，解决的问题你再也 不必向模型重新解释一遍 第 24 个月时用着最新模型的人，和有着 24 个月技能库的人，不在同一条起跑线上。技能库才是护城河。 人人都在谈用哪个模型。复利优势在于你已经构建了哪些技能。 这就是整个技能库。 1. Frontend Design github.com/anthropics/skills/tree/main/skills/frontend-design 2. Algorithmic Art github.com/anthropics/skills/tree/main/skills/algorithmic-art 3. Systematic Debugging github.com/obra/superpowers 4. Canvas Design github.com/anthropics/skills/tree/main/skills/canvas-design 5. Theme Factory github.com/anthropics/skills/tree/main/skills/theme-factory 6. Web Artifacts Builder github.com/anthropics/skills/tree/main/skills/web-artifacts-builder 7. Superpowers github.com/obra/superpowers 8. File Search (MassGen) github.com/massgen/massgen 9. Context Optimization github.com/muratcankoylan/agent-skills-for-context-engineering 10. Skill Creator github.com/anthropics/skills/tree/main/skills/skill-creator 十个技能。六个部分。一个帮你挑前三个的过滤器。一套防止规模化上下文污染的安装纪律。一个让你随后构建的每个技能都复利的元技能。 技能库才是 Claude 在 2026 年交付的真正产品。模型是运行时。技能是你在它上面安装的软件。人人都下载运行时。装上软件的人赢下这一年。 → 这周装 Skill Creator 和 Context Optimization → 周五前加上匹配你工作的那三个 → 每季度重建技能库，让你自己写的与别人写的比例持续攀升 标签： # X # Claude # AI # 自动化 # 设计 # 指南 # Cowork 相关文章 如何在 Claude Code 里用动画构建一个价值 $10,000 的网站 安装这个技能：github. com/anthropics/skills/tree/main/frontend-design Claude 设计 AI 自动化