Top AI Skills

Caveman

Tue, 09 Jun 2026 00:00:00 +0000

它能做什么

让 AI 编程助手用「穴居人风格」回复——删掉所有废话，只留核心技术内容。平均减少 75% 的输出 token，速度提升约 3 倍。四个压缩级别可选，从轻量去填充词到电报式极简表达。还有记忆文件压缩功能，能重写 CLAUDE.md 等文件，平均减少 46% 的输入 token。

跟同类产品有什么区别

市面上没有直接竞品——大多数人的做法是在 system prompt 里加一句「be concise」，但模型经常不听。Caveman 是作为 Skill 安装的，直接控制 AI 的输出风格，效果硬性保证。还有一个独特功能是 /caveman-stats，实时显示省了多少 token 和多少钱。

哪些人适合用

用 Claude Code 或类似工具做日常开发的程序员。如果你每次等 AI 回复都觉得「说得太长了」，装一个试试。重度用户还能配合 caveman-shrink（MCP 中间件）压缩工具描述，配合 cavecrew 子代理减少子任务 token 消耗。

一句话总结

AI 的脑力不变，嘴巴变小，每次回复省 75% 的废话。

Grill Me

Tue, 09 Jun 2026 00:00:00 +0000

它能做什么

在你动手写代码之前，让 AI 对你的方案进行盘问式审查。它不只是说「好主意」，而是会挑战你的假设、追问边界条件、要求你考虑替代方案，直到决策树的每个分支都有答案。

跟同类产品有什么区别

大部分 AI 助手在你提出方案时会直接说「好的，我来实现」。Grill Me 反过来——它先质疑你，确保你没漏掉什么。类似 Matt Pocock 另一个 Skill /grill-with-docs，但那个是结合项目文档的，Grill Me 更适合早期方案讨论。

哪些人适合用

在开始一个复杂的编码任务前，习惯先想清楚再动手的开发者。如果你经常写到一半发现方案有问题，需要返工，装一个能让 AI 帮你提前暴露盲点。

一句话总结

动手前先让 AI 盘问你的方案，比写完再改便宜得多。

Improve Codebase Architecture 使用教程，让 AI 帮你找出架构问题

Tue, 09 Jun 2026 00:00:00 +0000

它能帮你发现什么

你跟 AI 说「帮我优化这段代码」，它通常做的是局部优化——提取函数、加类型、改命名。这些有用，但不触及架构。

Improve Codebase Architecture 做的事不一样。它会让 AI 先理解你的领域模型，然后从模型出发找架构问题。比如「用户模块不应该知道订单的内部结构」，这种跨模块的耦合问题，局部优化是看不到的。

属于 Matt Pocock 套件

这个 Skill 是 Matt Pocock 的 18 个技能之一。安装整个套件：

npx skills@latest add mattpocock/skills

安装后先运行 /setup-matt-pocock-skills，设置你的 Issue 跟踪器、标签和文档路径。这一步很重要——AI 需要知道你的项目用 GitHub Issues 还是 Linear，文档放在哪里。

怎么用

先确保项目里有 CONTEXT.md（项目术语和上下文）。没有的话可以先手动写一个，告诉 AI 你的项目里「用户」「订单」「支付」这些概念分别对应什么。

然后运行 /improve-codebase-architecture。AI 会扫描代码库，结合领域语言和 ADR 给出改进建议。每条建议都会说明：问题是什么、为什么是问题、建议怎么改。

跟直接问 AI 有什么区别

直接问 AI 「我的架构有什么问题」，它可能会给你一些泛泛的建议。这个 Skill 的优势在于它结合了项目文档（CONTEXT.md）和 ADR，给出的建议是跟你的具体业务领域挂钩的，不是那种放到任何项目都说得通的废话。

有几点要注意

这个 Skill 需要你已经有了一定规模的项目。新项目的架构问题通常靠直觉就能看出来，不需要 AI 帮你分析。

另外它只是给出建议，不会自动帮你改代码。每个建议你都需要自己判断是否采纳。建议配合 /grill-me 使用——让 AI 先盘问你的重构方案，再动手。

下一步

配合 /to-issues 把架构改进建议拆成可独立领取的 GitHub Issue，一个一个跟进。

让 AI 用 React 帮你写视频？Remotion 上手教程

Tue, 09 Jun 2026 00:00:00 +0000

Remotion 是什么

Remotion 是一个用 React 代码写视频的框架。你可以用 JSX、CSS、Canvas 这些前端技术来创建视频，而不是在 After Effects 里拖时间轴。

它的核心思路是：视频的每一帧就是一个 React 组件的渲染结果。用 useCurrentFrame() 获取当前帧号，用 interpolate() 做动画插值，跟写前端动画很像，但输出的是 MP4。

48.8k GitHub Stars，Fireship 的「This video was made with code」就是用 Remotion 做的，GitHub Unwrapped 年度回顾也是。

装这个 Skill 能干什么

直接说结论：让 AI 帮你写 Remotion 代码，而不是你自己翻文档。

Remotion 有不少坑，AI 不知道的话会帮你踩一遍。比如 CSS transitions 在视频渲染里不会正确工作，Tailwind 的动画类名也不能用，资源必须放在 public/ 目录里用 staticFile() 引用。这些规则写一遍 prompt 记不住，但装了这个 Skill，AI 会自动遵循。

覆盖的范围很广，除了基础的动画和资源管理，还有 30 多个子规则文件：字幕、音效、转场、3D（Three.js）、GIF 同步、透明视频、音频可视化、旁白生成（ElevenLabs TTS）、Google 字体加载等。

装起来要多久

npx skills add remotion-dev/skills@remotion-best-practices

一行命令，装完就能用。

如果你还没有 Remotion 项目，先创建一个：

Agent Browser

Sun, 07 Jun 2026 00:00:00 +0000

它能做什么

Agent Browser 是一个用 Rust 写的浏览器控制 CLI，专门给 AI 代理用的。装好之后，你的 AI 助手可以通过终端命令打开网页、点击按钮、填表单、截图、提取页面内容。它走的是 Chrome DevTools 协议，不是模拟 DOM，所以能处理 JavaScript 渲染的动态内容。

跟同类产品有什么区别

最大的区别是语言架构。Browser Use 是 Python 生态的，Agent Browser 是 Rust 原生，启动快，不需要 Node.js 运行时。返回的页面快照是结构化的可访问性树，每个可交互元素带一个引用标记，AI 靠这个判断「下一步点什么」比看截图精确得多。另外它支持多浏览器引擎，Chrome、Safari、iOS 模拟器都能控，还支持云浏览器服务，这些是 Python 工具一般不做的。

哪些人适合用

适合需要让 AI 代理跟网页交互的场景——填多步表单、爬 JavaScript 重的站点、做 Web 应用测试。如果你只是偶尔让 AI 帮你读个网页，用简单的 fetch 工具就够了，没必要装这个。Windows 用户复用时要注意先关掉所有 Chrome 窗口，否则配置文件会被锁住。

一句话总结

Agent Browser 让你的 AI 助手真正能用浏览器，不是看图说话，而是像人一样操作网页。

Caveman 使用教程，让 AI 少说废话的必备技能

Sun, 07 Jun 2026 00:00:00 +0000

Caveman 是什么

一个让 AI 编程助手「闭嘴」的 Skill。不是让 AI 变笨，而是让它不再说废话。

装完之后，Claude Code 原本这样的回复：

「The reason your React component is re-rendering is likely because you’re creating a new object reference on each render cycle. This causes React to see the prop as changed, triggering a re-render…」

会变成：

「New object ref each render. Inline object prop = new ref = re-render. Wrap in useMemo.」

同样的技术方案，从 69 个 token 变成 19 个，减少 72%。

装起来要多久

30 秒。

Grill Me 使用教程，动手前先让 AI 盘问你的方案

Sat, 06 Jun 2026 00:00:00 +0000

Grill Me 能解决什么问题

你跟 AI 说「我要重构这个模块」，AI 说「好的，我来帮你」。然后你写到一半发现方案有问题，返工。

Grill Me 解决的就是这个问题。装完之后，你说同样的话，AI 不会直接动手，而是先盘问你：

「这个重构的范围是什么？只改这个模块还是牵连上下游？如果改了接口，现有调用方怎么办？」

它会一直追问，直到你对每个分支都有答案。

属于哪个套件

Grill Me 是 Matt Pocock 的 Skills 套件里的一个技能。这个套件有 18 个技能，116k Stars，覆盖工程开发、生产力和杂项工具。

安装时可以选装单个技能，也可以装全套：

npx skills@latest add mattpocock/skills

安装后运行 /grill-me 就能启动盘问模式。

用起来什么感觉

跟正常的 AI 对话不一样。普通模式下 AI 是执行者，你说什么它做什么。Grill Me 模式下 AI 变成了评审，你会被问到：

边界条件是什么
如果这部分失败了怎么办
有没有更简单的方案
之前为什么不这么做
这个改动会影响谁

如果你回答不上来，它会继续追问。不会放你走。

这种感觉一开始有点不适应——你本来是想让 AI 帮你做事的，结果 AI 反过来问你一堆问题。但几轮之后你会发现，被问清楚之后再动手，返工的概率确实低了。

跟普通 prompt 的区别

你在 prompt 里写「先质疑我的方案再动手」，AI 可能会问一两个问题就放过你了。Grill Me 的盘问是结构化的，会覆盖到决策树的每个分支，不是随机问几个问题就结束。

有几点要注意

这个 Skill 适合复杂任务的前期规划。如果是「帮我写个排序函数」这种简单任务，盘问就是浪费时间。

另外 Matt Pocock 的套件里还有一个 /grill-with-docs，那个会结合你的 CONTEXT.md 和 ADR 来盘问，适合已经有文档积累的项目。如果项目还没建立文档，先从 Grill Me 开始。

Remotion Best Practices

Sat, 06 Jun 2026 00:00:00 +0000

它能做什么

Remotion 是一个用 React 代码写视频的框架。这个 Skill 把 Remotion 团队的最佳实践全部打包成规则，装进 AI 助手后，从项目搭建、动画设计、资源管理、序列编排到渲染输出，AI 都能按官方推荐的方式写。覆盖 30 多个子主题，包括字幕、音效、转场、3D、GIF、透明视频、音频可视化等。

跟同类产品有什么区别

用代码生成视频这个领域，Remotion 几乎没有直接竞品——主流视频制作还是 Premiere、After Effects 这些传统工具。跟 After Effects 的脚本自动化比，Remotion 用的是 React，意味着你能复用整个前端生态的组件和库。但真正让这个 Skill 有价值的是：AI 写 React 代码很在行，但如果不了解 Remotion 的坑（比如 CSS transitions 不会正确渲染、Tailwind 动画类名不能用），写出来的代码直接报废。这个 Skill 就是在解决这个问题。

哪些人适合用

在做跟视频自动化相关的项目的人——批量生成视频、数据驱动的动态视频、用代码做动画。如果你只是偶尔剪辑一段视频，传统工具更直接。另外 Remotion 有特殊许可证，商用场景需要确认许可证条款。

一句话总结

AI 助手变成 Remotion 专家，用 React 代码写视频时自动避开所有已知的坑。

Agent Browser 安装指南，Vercel 出品的浏览器自动化 CLI

Fri, 05 Jun 2026 00:00:00 +0000

Agent Browser 有什么用

装完 Agent Browser，你的 AI 助手可以通过终端命令直接打开浏览器、点击按钮、填表单、截图、提取页面内容。它不是让你手动写自动化脚本的那种工具，而是给 AI 代理用的——AI 看到页面快照后自己决定下一步该点什么。

跟 Browser Use（Python 生态）不同，Agent Browser 是 Rust 原生实现的，走 Chrome DevTools 协议，不需要 Node.js 运行时，启动速度快，适合集成在 CLI 工作流里。

开始前的准备

确认你有以下环境：

Node.js 18+（用于 npm 安装 CLI 本身，浏览器控制不需要 Node）
或者 macOS 上可以用 Homebrew，或者有 Rust 环境用 Cargo 装
大约 500MB 磁盘空间（首次安装会下载 Chrome for Testing）

node -v # 确认 18 以上

安装

最快的方式是 npm 全局安装：

npm install -g agent-browser

装完之后，首次使用前需要下载浏览器：

agent-browser install

这一步会自动下载 Chrome for Testing。如果你已经本地装了 Chrome 或 Brave，Agent Browser 也能自动识别复用。

Vercel React Best Practices

Fri, 05 Jun 2026 00:00:00 +0000

它能做什么

把 Vercel 团队的 React/Next.js 性能经验打包成 64 条规则，装进 AI 助手后，写代码时会自动遵循这些规则。覆盖渲染策略、状态管理、组件设计、数据获取、性能优化、类型安全、可访问性和测试，一共 8 个类别。

跟同类产品有什么区别

你在 prompt 里写「遵循 React 最佳实践」，AI 的理解因模型而异，今天和明天的标准都不一样。这个 Skill 的 64 条规则是 Vercel 团队写死的，不会漂移。而且这些规则是 Next.js 专属的——Server Component、App Router、use cache 这些框架独有的东西，普通的 React 最佳实践根本不会涉及。

哪些人适合用

用 Next.js 或 React 做项目的人，装了不亏。如果部署在 Vercel 上，这些规则就是官方推荐的做法，省得翻文档。不用 Next.js 的纯 React 项目也能用，只是收益会小一些，因为渲染和缓存部分规则依赖 Next.js 特性。

一句话总结

Vercel 团队的 React 内功，装进 AI 助手里，写代码的时候自动生效。

Improve Codebase Architecture

Thu, 04 Jun 2026 00:00:00 +0000

它能做什么

让 AI 扫描你的代码库，基于领域语言和 ADR（架构决策记录）发现深层的架构改进机会。不是表面地帮你提取一个函数或者改个变量名，而是识别出模块耦合、职责混乱、抽象层次不当这些需要系统性重构的问题。

跟同类产品有什么区别

你让 AI 「帮我优化代码」，它通常会做局部优化——提取函数、加类型、改命名。这个 Skill 会让 AI 先理解你的领域模型，再基于模型找架构层面的改进点。需要配合 Matt Pocock 套件的 CONTEXT.md 使用，AI 才知道你项目里的术语是什么意思。

哪些人适合用

代码库已经有一定规模（不是新项目），开始出现「技术债务」迹象的团队。如果你经常觉得代码能跑但越来越难改，这个 Skill 能帮你系统性地发现哪里该重构。

一句话总结

AI 不只帮你写代码，还帮你找出代码的架构问题在哪。

Vercel React Best Practices 使用教程，让 AI 写出高性能 Next.js 代码

Thu, 04 Jun 2026 00:00:00 +0000

这个技能干什么用的

Vercel 出了一个 Agent Skill，叫 React Best Practices。装进 Claude Code 或 Cursor 之后，AI 写 React/Next.js 代码时会自动遵循 64 条性能优化规则，覆盖渲染、状态管理、组件设计、数据获取等 8 个类别。

本质上它是把 Vercel 团队多年积累的 React 性能经验做成了一个 AI 可读的规则库。以前这些知识散落在 Vercel 博客、Next.js 文档、React 官方指南里，现在打包成一个 Skill，AI 助手装上就能用。

装起来要多久

这个 Skill 是 vercel-plugin 的一部分，Vercel 把 25 个技能打包在一个插件里。装的话有两种方式：

如果你只想装这一个 Skill：

npx skills add vercel-labs/vercel-plugin@react-best-practices

如果你想装整套 Vercel 生态技能（AI SDK、Next.js、部署、存储等一共 25 个）：

npx plugins add vercel/vercel-plugin

前置条件是 Node.js 18+ 和 Bun。

我试了第一种方式，直接装单个 Skill。装完之后在 Claude Code 里随便写一段 React 代码，AI 的回复里就能看到区别了——它会主动用 React.memo 包裹纯组件、提示你用 useMemo 缓存计算、建议 Server Component 优先之类的。

Microsoft Foundry

Wed, 03 Jun 2026 00:00:00 +0000

它能做什么

微软的 AI 模型平台叫 Foundry，可以浏览、测试、部署各种 AI 模型。这个 Skill 是 azure-skills 插件的一部分，装好之后 AI 助手能通过 MCP 直接操作你的 Azure Foundry，查可用模型列表、部署模型 endpoint、配置 Agent 工作流，不用去 Azure Portal 点页面。

跟同类产品有什么区别

大多数 AI 工具只能告诉你怎么调 OpenAI API，但不能帮你实际部署一个模型。这个 Skill 给了 AI 真正的执行能力——检查订阅额度、部署模型、返回可用的 endpoint URL。不是给你文档建议，是直接操作你的 Azure 资源。

哪些人适合用

在 Azure 上做项目、需要频繁部署和管理 AI 模型的团队。如果在做 AI 应用原型、需要反复切换不同模型测试效果，这个 Skill 能省很多 Portal 操作时间。如果你只是偶尔调一下 API，前置条件（Azure 订阅 + CLI 认证）有点重，不值得折腾。

一句话总结

AI 助手变成你的 Azure 运维，用对话就能部署和管理 AI 模型。

不打开 Azure Portal 就部署好模型？Microsoft Foundry 使用教程

Wed, 03 Jun 2026 00:00:00 +0000

Microsoft Foundry 是什么

Microsoft Foundry 是微软的 AI 模型平台，你可以把它理解成微软版的「AI 模型超市」。在上面可以浏览、测试、部署各种 AI 模型——包括 OpenAI 的 GPT 系列、微软自研模型、以及第三方开源模型的托管版本。

microsoft-foundry 这个 Agent Skill 是微软 azure-skills 插件的一部分，装好之后，你的 AI 助手就能直接通过 Foundry MCP 服务帮你查模型列表、部署模型、配置 Agent 工作流，不用你自己去 Azure Portal 上点来点去。

前置条件

装这个技能之前，你需要有：

一个 Azure 账户和订阅
Node.js 18+
Azure CLI 安装好并且完成认证：az login

没有 Azure 账户的话，去 Azure 官网注册一个免费账户就行，有 200 美金的试用期额度。

安装

microsoft-foundry 是 azure-skills 插件里的一个技能，不能单独安装。你需要装整个插件：

npx skills add microsoft/azure-skills

如果你用 Claude Code，也可以这样装：

/plugin install azure@claude-plugins-official

装完之后，插件会同时配置好三个能力层：

Azure Skills（知识层）：AI 知道怎么用 Azure
Azure MCP Server（执行层）：AI 能直接操作你的 Azure 资源
Foundry MCP（专项层）：AI 能操作 Foundry 的模型和 Agent

验证有没有装好

装完之后，问 AI 助手一个问题：

Brainstorming

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Brainstorming 是一个"先想清楚再动手"的技能。它让 AI 代理在执行任务前，先系统地探索用户需求、梳理约束条件、评估设计方案。来自 Obra 的 Superpowers 系列（214k Stars），这套技能专门解决 AI 最容易犯的错误——跳进实现细节而不理解上下文。

它与众不同在哪

大多数 AI 编码技能上来就写代码。Brainstorming 反其道而行——在接受任务后先停下来，向用户提一系列问题来澄清需求，再给出多个方案选项让用户选择。它的价值不在于生成代码，而在于减少"AI 写了三版都不是我想要的"这种挫败感。跟普通的"ask clarifying questions"相比，它有结构化的思考框架，而不是随意发问。

谁不适合用它

如果你已经非常清楚自己要什么，能给出精确的指令，那 Brainstorming 的提问环节反而会拖慢你的节奏。它最适合那些"有个模糊想法但不知道最佳实现路径"的场景——项目初期、需求不明确的阶段。

总结

Brainstorming 用结构化的需求探索让 AI 少做无用功——先搞清楚去哪再出发，而不是跑错方向后反复重来。

Browser Use

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Browser Use 让 AI 代理能像人一样操控浏览器——打开网页、点击按钮、填写表单、提取数据。不是截图后分析页面，而是真正地执行 DOM 交互，像用户一样完成操作流程。96k GitHub Stars 证明了它在代理工具生态中的位置。

它与众不同在哪

市面上大多数"浏览器自动化"工具本质上是截图+分析，依赖视觉识别来理解页面。Browser Use 直接操控 DOM 树，能精确点击任何元素、读取隐藏内容、处理 JavaScript 渲染后的页面状态。跟 Playwright/Puppeteer 这类传统自动化框架相比，它的优势在于由 AI 驱动决策——你不需要写选择器，告诉它"提取这个表格"即可。

谁不适合用它

如果你的任务只是定期抓取同一个页面，用 Playwright 写一个固定脚本更稳定可靠。Browser Use 适合需要动态决策的场景——页面结构不固定、操作步骤取决于返回内容的情况。另外，它目前对验证码和复杂登录流程的处理还不够成熟。

总结

Browser Use 是让 AI 代理真正能用浏览器的关键技能——不是看网页截图，而是像人一样操作网页。

DOCX

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Docx 让 AI 代理可以创建、读取和编辑 Word 文档——写报告、排表格、设置样式、添加页眉页脚。Anthropic 办公三件套（Docx、Xlsx、Pptx）之一，满足日常办公文档生成的刚需。

它与众不同在哪

AI 写内容很擅长，但 AI 输出一份让人不用再调格式的 Word 文档是另一回事。Docx 解决的正是这个——它生成的 .docx 文件有标题样式、段落缩进、列表层级、表格边框，打开就能用或直接发。跟"给我一段 Markdown"相比，Docx 省的恰恰是最烦人的那步——把内容搬进 Word 里排格式。如果你需要批量生成合同、报告、说明书这类文档，这个技能的价值尤其明显。

谁不适合用它

如果你的文档不需要分享给别人（只是自己看），Markdown 就够了。如果你对排版有极端要求（特定字体嵌套、多栏布局、复杂页眉页脚），这个技能目前还达不到设计师级别的精细控制。

总结

Docx 让 AI 的输出直接是交付级的 Word 文档——省去"从 Markdown 复制粘贴到 Word"的中间步骤，适合需要定期生成格式化文档的团队。

Find Skills

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Find Skills 是 Agent Skill 生态里的"搜索工具"——它让你在代理环境中直接搜索 skills.sh 注册表，按关键词、分类、流行度查找可安装的 AI 技能包。Vercel Labs 出品（20k Stars），本质上是 npx skills find [query] 的命令封装。

它与众不同在哪

目前发现新 Skill 的主要方式是靠社交媒体推荐、GitHub Trending 或者人工整理的目录站。Find Skills 提供一个直接在代理内部完成的发现链路——你在用 Claude Code 或 Cursor 开发时，输入需求，它直接搜索注册表并返回可安装的技能包，不需要切出窗口去谷歌搜索。跟 skills.sh 网站相比，它的优势是无缝集成；跟手动搜索相比，它的搜索结果只包含可安装的 Agent Skill，排除掉那些不兼容的独立工具。

谁不适合用它

如果你只用一个固定的技能集合（比如常用那三五个），不需要频繁发现新工具，那这个技能对你没什么用。另外，目前 skills.sh 上的 Agent Skill 总量还不大，搜索的覆盖面有限——有时候搜出来的结果不够新或不够全。

总结

Find Skills 把"寻找新技能"这件事从分心的浏览器搜索变成了代理内部的一句话指令——适合那些想探索 Agent Skill 生态、但不想在工具间来回切换的人。

Frontend Design

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Frontend Design 让 AI 代理直接生成生产级的前端界面代码——不是"看起来像网站"的演示级页面，而是有响应式布局、合理的组件拆分、可维护的 CSS 和可访问性考虑的真实 UI。Anthropic 官方出品（anthropics/skills，144k Stars），代表他们对于"AI 应该怎么写前端"的观点。

它与众不同在哪

随便哪个 AI 都能生成一个"好看的登录页面"。Frontend Design 的区别在于它生产的是工程代码而不是设计稿——它会考虑组件的职责边界、命名一致性、状态的完整处理（loading、空态、错误态），而不是只有"完美数据"路径下的展示。跟 Cursor 或 Copilot 的 inline 补全相比，它在动手写代码之前会先有一个规划过程，避免写到一半发现结构不对要重来。

谁不适合用它

如果你只想要一个快速原型或者着陆页，普通的 AI 生成就能满足，不需要这个技能的规划开销。如果你不做前端开发，当然也用不上。它最适合的是那些"要的不是快而是对"的前端任务——交付给用户或客户的产品代码。

总结

Frontend Design 让 AI 生成的不只是好看的前端，而且是可维护、可交付的前端工程代码。

PDF

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Pdf 让 AI 代理能创建、读取和编辑 PDF 文档——生成报告、提取文本、添加表格和图片、合并拆分文件。Anthropic 官方技能套件（anthropics/skills，144k Stars）的一部分，是目前代理生态中处理 PDF 最直接的选项。

它与众不同在哪

PDF 格式是出了名的难处理——大多数 AI 工具只能"提取文本"或"用图片转"，遇到有复杂布局的文档就露馅。Pdf 技能能理解 PDF 的结构（段落、表格、页眉页脚），生成的文档也不是"拍照放进 PDF"，而是真正的可搜索、可选择的 PDF 文件。跟 Docx/Xlsx 等办公技能配合，可以实现"从数据到 PDF 报告"的完整流水线。

谁不适合用它

如果只是需要预览 PDF 内容，用浏览器打开就够了。如果你需要 OCR 扫描件、复杂表单填写、或者数字签名等高级功能，Pdf 技能目前不支持这些。它能处理的是"创建和读取"这一层——排好版的报告、数据输出的 PDF 文件。

总结

Pdf 让代理能直接生成专业 PDF 文件，而不是给你一段"你自己去转 PDF"的 Markdown——从数据到交付件的最后一步终于不需要人来接手了。

PPTX

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Pptx 让 AI 代理能从零生成完整的 PowerPoint 演示文稿——有封面、目录、正文页、图表和数据展示。Anthropic 办公三件套之一，适合需要快速出幻灯片草稿的场景。

它与众不同在哪

大多数人做 PPT 的流程是：先写内容再排版，光对齐和调样式就能花掉一半时间。Pptx 跳过这个——你告诉它主题和要点，它直接生成一个结构完整、风格一致的 .pptx 文件，打开就能开始修改。跟手工做 PPT 比，它胜在速度快；跟模板网站比，它胜在内容由 AI 根据你提供的素材生成，不是填鸭式地往固定模板里塞文字。

谁不适合用它

如果你对 PPT 的视觉设计有极高要求（需要定制动效、品牌配色精确到十六进制色值、特定字体嵌入），Pptx 目前生成的风格还比较朴素。它最适合两类人：一是需要快速出初稿的汇报者，二是需要批量生成标准化演示文档的团队。

总结

Pptx 解决的不是"做个好看的 PPT"，而是"快速生成一个能用的 PPT"——把精力留给内容，排版交给代理。

SEO Audit

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

SEO Audit 让你的 AI 代理变成一个 SEO 分析师——它能抓取网站页面、检查标题和 meta 标签、分析内容结构、评估关键词覆盖，并给出可操作的改进建议。来自 Corey Haines 的 marketingskills 仓库（31k Stars），专注于营销场景的 AI 技能套件。

它与众不同在哪

大多数 SEO 工具要么是 SaaS 平台（Semrush、Ahrefs），要么是浏览器插件。SEO Audit 的不同之处在于它是你的代理助手——你可以把它整合进工作流中，让 AI 在写页面时自动执行 SEO 检查。跟 Manual 的 Screaming Frog 这类爬虫工具相比，它不满足于"发现问题"，而是能理解上下文并给出修复建议。缺点是对 JavaScript 渲染页面的处理有限。

谁不适合用它

如果你已经在用专业 SEO 平台（Semrush 或 Ahrefs）做全站审计，这个技能对你能提供的增量价值不大。它最适合那些想快速检查页面 SEO 质量、或者想把 SEO 检查整合进内容生产流水线的人。

总结

SEO Audit 把 SEO 检查从"单独打开一个工具"变成了"让代理顺手就做了"——它不会替代专业平台，但会让你的日常内容更少踩坑。

Shadcn

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Shadcn 技能让 AI 代理能生成符合 shadcn/ui 设计系统的 UI 组件——按钮、表单、表格、对话框、导航栏，风格统一且可以直接用在你的 React 项目中。不是简单生成"看起来像"的 HTML，而是产出真实可用的 React 组件代码。

它与众不同在哪

市面上 AI 生成 UI 的方案大多是"给我一张截图"或"生成一个 HTML 页面"——好看但不能用。Shadcn 技能走的是组件级路线：它了解 shadcn/ui 的组件约定、Props 接口、样式模式和 Tailwind 类名体系，生成的代码可以直接粘贴进已有的 shadcn/ui 项目，不需要改样式。跟 Cursor 或 Copilot 的自主生成相比，它能保证输出跟你项目中已有组件的代码风格一致。

谁不适合用它

如果你不用 React，或者项目不基于 shadcn/ui，这个技能帮不了你。如果你只是需要一个着陆页而不是 UI 组件，直接用 AI 生成完整 HTML 页面更高效。Shadcn 技能瞄准的是"我有项目在跑 shadcn/ui，需要新组件"的精确场景。

总结

Shadcn 技能让 AI 生成的 UI 组件不只是好看，还能无缝融入你已有的 shadcn/ui 项目——省去"从 AI 生成到项目适配"的中间功夫。

Skill Creator

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Skill Creator 是 Anthropic 官方提供的"写技能的技能"。它教你如何设计、编写和改进 AI 代理 Skill——从目录结构到提示词策略，从工具声明到错误处理，覆盖了一个高质量 Skill 的完整生命周期。来自 anthropics/skills 仓库（144k Stars），是目前引用最多的 Skill 开发参考。

它与众不同在哪

这不是一个"帮你写代码"的技能，而是一个"教你怎么写技能"的元技能。市面上能找到大量 Agent Skill 的使用教程，但几乎没人告诉你如何创作一个质量过关的 Skill 包。Skill Creator 填补了这个空白——它有一套经过验证的模板和评审标准，让你写出来的 Skill 不会出现常识性错误（比如忘声明依赖、上下文泄露、提示词写得像命令而不是协作）。

谁不适合用它

如果你只是安装别人写好的 Skill 来用，不需要碰这个。如果你已经写过十几个 Skill，对格式和模式很熟悉了，也基本不需要它。Skill Creator 的目标受众是刚开始写 Skill 的人——那些"想贡献但不知道从何下手"的开发者。

总结

Skill Creator 是 Agent Skill 生态的"创作者入门手册"——有了它，你不再只是使用者，而是能贡献自己 Skill 的参与者。

Supabase Postgres Best Practices

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

这个技能让 AI 代理掌握 Supabase 推荐的 PostgreSQL 最佳实践——从索引策略到查询优化，从行级安全策略到实时订阅配置。Supabase 官方出品（agent-skills 仓库，2.1k Stars），专为那些在 Supabase 上构建后端的开发者设计。

它与众不同在哪

网上 PostgreSQL 优化建议大多是通用的——“建索引”、“避免 N+1"这类大原则。Supabase Postgres Best Practices 的不同在于它了解 Supabase 平台的具体特性：如何利用 Row Level Security 来简化数据访问逻辑、什么时候用 Realtime Subscription 而不是轮询、Supabase 的 Connection Pooler 如何影响查询行为。这些不是通用数据库知识，而是来自 Supabase 团队对自家平台的理解。

谁不适合用它

如果你不用 Supabase，它基本没用——这是针对 Supabase 平台的技能，不覆盖通用 PostgreSQL 知识。另外，如果你已经是 Supabase 重度用户，这个技能教的东西你可能早就知道了，它更适合理清思路而非学习新东西。

总结

在 Supabase 上用 Postgres，别靠通用的 SQL 知识猜——这个技能让你避免那些"在文档里写着但没人会告诉你"的坑。

Systematic Debugging

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Systematic Debugging 教 AI 代理用系统化的方法排查 bug——不是"看看错误信息然后猜"，而是先复现 → 隔离变量 → 假设验证 → 定位根因的一套循证流程。Obra 的 Superpowers 系列技能之一（214k Stars），是目前 Agent Skill 生态中最受关注的调试工具。

它与众不同在哪

AI 编程工具的一个普遍问题是：遇到 bug 时，它们倾向于"看到错误就改相关代码"，经常修了一个症状却引入了新问题。Systematic Debugging 让代理像资深工程师一样调试——先问"你确定这是问题根因吗"，再按怀疑优先级逐一排查。跟让 AI 直接"修这个 bug"相比，它更慢但更可靠。跟开发者手动调试相比，它能系统性地检查那些容易被忽略的环节（环境差异、竞态条件、依赖版本）。

谁不适合用它

如果你的 bug 是显而易见的（比如拼写错误、API 参数传错），直接修更快——Systematic Debugging 适合的是那些让你盯了一小时也不知道从何下手的疑难杂症。跑 CI 前用它过一次复杂代码的调试图个心安也可行，但杀鸡不用牛刀。

总结

当 AI 写的代码出了 bug，Systematic Debugging 不让它凭感觉修——而是用工程方法找到真因，避免"修了 A 坏了 B"的循环。

TDD

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

TDD 技能让你的 AI 代理严格遵循测试驱动开发流程——先写测试，再写实现，最后重构。来自 Matt Pocock（TypeScript 类型系统专家，113k Stars），这套技能把经典的 TDD 周期变成了代理可执行的流程规范。

它与众不同在哪

大多数 AI 编码技能鼓励"写代码 → 看看能不能跑"的探索式开发，但 TDD 技能强制走红-绿-重构的纪律流程。它不是帮着写代码，而是在代理行动的每一步都要求先定义"怎么算对"。跟开发者手动 TDD 相比，代理执行 TDD 有一个独特优势——它不会嫌写测试烦就跳过，能老老实实把每个边界情况都覆盖到。

谁不适合用它

如果你做的是原型探索、一次性脚本、或者需求频繁变动的早期项目，TDD 的节奏太重了。它最适合有稳定需求、对代码质量有要求的场景——比如库开发、重构已有代码、或者一个你不想回头修 bug 的项目。

总结

TDD 把测试纪律带进了 AI 编程流程——不是更快地写代码，而是更少地修 bug。

Web Design Guidelines

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Web Design Guidelines 把 Vercel 工程团队的 Web 设计经验封装成 AI 代理可以遵循的规范——从布局和排版到色彩系统，从响应式断点到性能优化，覆盖一个现代化 Web 应用应该有的设计质量基线。Vercel Labs 出品（agent-skills 仓库，27k Stars）。

它与众不同在哪

大多数"AI 生成前端页面"的问题不是功能不对，而是设计质量差——间距乱、层级不清、颜色用得随心所欲。Web Design Guidelines 不教 AI 生成代码，而是教 AI 在设计阶段就遵循约束。它的特殊之处在于来源——Vercel 团队见过太多不同质量的 Next.js 项目，他们把这些经验提炼成了可执行的规则。跟 Tailwind 的 utility-first 理念配合得特别好，但即使你不用 Tailwind，里面的设计原则（排版节奏、留白体系、色彩对比度）也是通用的。

谁不适合用它

如果你已经在团队里有成熟的设计系统和 UI 规范，这个技能提供的原则你的设计系统已经覆盖了。它最适合的是那些没有专职设计师、靠 AI 做前端的个人开发者或小团队——给你一个"看起来不是业余作品"的最低保障。

总结

Web Design Guidelines 让 AI 生成的页面不只是功能完整——至少在视觉上不会让人觉得这是个业余作品。

XLSX

Mon, 01 Jun 2026 00:00:00 +0000

它能做什么

Xlsx 让 AI 代理能够创建和编辑真正的 Excel 文件——包含公式、单元格格式、合并区域、图表和数据验证。Anthropic 官方出品（anthropics/skills，144k Stars），不是生成一个 CSV，而是生成一个有结构、带格式的 .xlsx 文件。

它与众不同在哪

大多数 AI 工具处理表格数据时输出 CSV 或 Markdown 表格，因为这两种格式最容易生成。Xlsx 不一样——它直接操作 Excel 的底层格式，生成的 .xlsx 文件用 Excel 或 Google Sheets 打开就是一份看得过去的报表。跟同行技能 Pptx（演示文稿）、Docx（Word 文档）是同一套，适合需要批量生成办公文档的场景。

谁不适合用它

如果只是导出数据做进一步处理，CSV 更轻量、更通用。如果你对 Excel 文件有极端精细的格式要求（特定字体、条件格式、复杂宏），Xlsx 目前还做不到那个程度——它能处理的是"有模有样的表格"而不是"像素级完美的报表"。

总结

Xlsx 把"生成 Excel 文件"从手动操作变成了代理的一句话指令——适合定期出报表、批量生成数据表格的重复性工作。

如何安装和使用 Browser Use：让 AI 代理操控浏览器

Mon, 01 Jun 2026 00:00:00 +0000

Browser Use 有什么用？

装完 Browser Use 之后，你可以在 Claude Code 或 Cursor 里直接告诉 AI 代理「打开这个网页，找到某篇文章，把内容提取出来」，它会真的打开浏览器去执行，而不是给你一个「我建议你这样做」的 Plan。

整个过程大约 10 分钟，依赖很少，就一个 Node.js 环境。

准备工作

Node.js 18 或以上（用 node -v 确认一下版本）
Claude Code、Cursor 或 Codex 任一安装好并登录
一个想自动化操作的网页场景（先想好目标，不要装好了再想用来干嘛）

第一步：安装 Browser Use

在终端里跑：

npx skills add browser-use/browser-use

等几秒，显示 Skill installed successfully 就是装好了。没什么花头，一行命令搞定。

第二步：确认安装成功

在终端里试一下技能是否可用。随便跑一个搜索类的命令：

npx skills run browser-use --help

如果返回了使用说明和参数列表，就说明装上了。如果报 command not found，检查一下 Node.js 版本，18 以下的升级一下。我自己踩过这个坑，系统自带的 Node 是 16 的，跑不了。

第三步：在代理里使用

装好之后，打开你的 Claude Code 或 Cursor，在对话里输入类似这样的指令：

用 find-skills 在终端里淘 AI 技能，比刷 GitHub Trending 快多了

Mon, 01 Jun 2026 00:00:00 +0000

为什么我会去折腾这个

事情是这样的。前阵子在写 topaiskills.com，需要不断地发现新的 Agent Skill 包来收录。

我的流程是这样的：先刷 GitHub Trending，再看 Twitter/X 上的推荐帖，然后去 skills.sh 网站上一个个翻。每找到一个看起来不错的，复制 npx skills add 命令，切回终端安装，切回浏览器看下一个。来回切几次，我就开始烦了。

而且 GitHub Trending 上大部分是独立工具，不是 Agent Skill。我需要的是那种能在 Claude Code 或 Cursor 里跑的东西，不是又一个 SaaS 产品。筛选成本很高。

正好看到 Vercel 出了个 find-skills，说是直接在终端里搜索 skills.sh 注册表。我寻思这不就是我刚需吗，装了一个试试。

装起来要多久

一句话：一分钟。

npx skills add vercel-labs/skills

装完之后，直接在终端里跑：

npx skills find browser automation

它就返回搜索结果了，每个结果带描述、GitHub Stars、安装命令。你不用切出编辑器，不用打开浏览器，不用记任何网址。

不过有个小坑。我第一次跑的时候返回说「No skills found」，愣了一下。后来发现是因为我搜的关键词太长了，改成更短的词就好了。比如搜 browser 而不是 browser automation tool。这个在文档里没写，我自己试出来的。

我用它找到了什么

装好之后，我搜了几个方向试效果。

搜 browser，返回了 Browser Use（96k Stars），就是那个让 AI 代理操控浏览器的技能。我之前在 Twitter 上看到过它但一直没去安装，因为懒得切出去找安装命令。find-skills 直接给出 npx skills add browser-use/browser-use，复制粘贴就装好了。