@antfu7:推出 @antfu/skills——它的工作方式与 @antfu/eslint-config 类似,是一套从生态中精选的有主见的 skills 打包合集……
摘要
antfu 发布 @antfu/skills,一个类似 @antfu/eslint-config 的打包式 agent skills 集合,通过 skills-npm 提供包管理器式的安装体验,可自动同步到 Claude Code、Cursor、OpenCode 等 agent 的技能目录。
查看缓存全文
缓存时间: 2026/10/11 17:13
介绍 @antfu/skills
它的用法和 @antfu/eslint-config 一样——一个从整个生态中精心整理的、带有主观偏好的技能包。它不需要把技能代码直接打包进项目,而是提供类似包管理器的体验:安装技能包时,连同其依赖的技能一起安装。
https://t.co/cqaBudcqm5
antfu/skills-pack
来源:https://github.com/antfu/skills-pack
@antfu/skills
Anthony 精心策划的 Agent 技能包。
这是从整个生态中精选的一组 Agent 技能(https://agentskills.io),统一声明在一个 npm 包中,只需一次安装即可让项目获得全部技能。
由 skills-npm(https://github.com/antfu/skills-npm)驱动。
安装配置
将 skills-npm(https://github.com/antfu/skills-npm)和本技能包安装为 devDependencies,然后让 skills-npm 自动接入你的 prepare 脚本:
pnpm i -D skills-npm @antfu/skills
pnpx skills-npm setup
setup 会将 "prepare": "skills-npm" 添加到你的 package.json 中,并执行首次同步。此后每次 npm install 都会保持技能同步。
安装完成后 package.json 大致如下:
{
"scripts": {
"prepare": "skills-npm"
},
"devDependencies": {
"skills-npm": "^4.0.0",
"@antfu/skills": "^1.0.0"
}
}
你将获得:
- 下面列出的每个技能都会安装到
.agents/skills/目录,并自动链接到你机器上检测到的各个 Agent(Claude Code、Cursor、OpenCode、Codex 等)的技能目录中。你可以通过--agents claude-code,cursor显式指定。 skills-npm-lock.json和skills-lock.json会记录每个技能的来源,请将它们提交到版本库。- 从依赖中移除
@antfu/skills后,下次同步时对应技能也会被清除。
本技能包跟踪每个上游仓库的默认分支。若不想等新版本发布就能拉取上游最新改动,可运行:
pnpx skills update
技能列表
工作流
| 技能 | 说明 | 来源 |
|---|---|---|
| grill-me | 通过毫不留情的追问来打磨方案或设计。 | mattpocock/skills |
| grilling | 对用户的计划、决策或想法进行毫不留情的追问。 | mattpocock/skills |
| handoff | 将当前对话压缩为一份交接文档,供其他 Agent 接手。 | mattpocock/skills |
| to-questionnaire | 将你无法独自完整回答的决策转化为一份问卷,交给他人填写。 | mattpocock/skills |
| writing-for-agents | 为 Agent 撰写文档。在创建或编辑技能,以及修改 AGENTS.md 或 CLAUDE.md 时使用。 | mattpocock/skills |
| teach | 在当前工作区内教授用户一项新技能或概念。 | mattpocock/skills |
| code-review | 沿两条轴线审查自某个固定点(commit、分支、标签或 merge-base)以来的变更:标准(代码是否遵循本仓库文档化的编码规范?)和规格(代码是否符合原始 issue/规格的要求?)。 | mattpocock/skills |
| codebase-design | 用于设计深层模块(deep modules)的共享词汇表。 | mattpocock/skills |
| research | 针对高可信的一手资料进行问题调研,并将结果以 Markdown 文件形式记录在仓库中。 | mattpocock/skills |
| tdd | 测试驱动开发。当用户希望以测试优先的方式开发功能或修复 bug、提到“红-绿-重构“,或需要集成测试时使用。 | mattpocock/skills |
| improve | 以资深顾问的视角审视任意代码库,产出有优先级的、自包含的实现计划,供其他模型/Agent 执行。 | shadcn/improve |
| dry-refactoring | 引导式工作流,用于消除 jscpd 检测到的复制粘贴重复代码。 | kucherenko/jscpd |
| antfu | Anthony Fu 为 JavaScript/TypeScript 项目制定的带有主观偏好的工具链和约定。 | antfu/skills |
| antfu-create-pr | 从当前分支创建一个可供审查的 GitHub Pull Request,包含符合 Conventional Commits 规范的标题、简洁且有依据的正文,以及 UI 变更的前后对比截图。 | antfu/skills |
写作
| 技能 | 说明 | 来源 |
|---|---|---|
| simple-english | 以通俗易懂的英文撰写或改写文本,遵循 ASD-STE100 简化技术英语的精神:短句、主动语态、简单时态、一词一义、条件在前命令在后、每个技术术语首次出现时给出定义、杜绝 AI 味废话。 | AminBlg/SimpleEnglish |
| unslop | 从任何写作中剔除 AI 痕迹。必须始终应用。 | cursor/plugins |
| i-have-adhd | 为 ADHD 读者调整输出结构:开篇即给出下一步行动、多步骤工作编上序号、跨轮次重述当前状态、抑制跑题、给出具体时间估算、让进展一目了然。 | ayghri/i-have-adhd |
Vue 与 Nuxt
| 技能 | 说明 | 来源 |
|---|---|---|
| vue-best-practices | Vue.js 任务必须使用。强烈推荐以 <script setup> 和 TypeScript 作为标准方式。 | vuejs-ai/skills |
| vue-router-best-practices | Vue Router 4 的用法模式、导航守卫、路由参数及路由组件的生命周期交互。 | vuejs-ai/skills |
| vue-pinia-best-practices | Pinia store、状态管理模式、store 初始化以及与 store 的响应式交互。 | vuejs-ai/skills |
| vue-testing-best-practices | 用于 Vue.js 测试。涵盖 Vitest、Vue Test Utils、组件测试、mock、测试模式以及 Playwright E2E 测试。 | vuejs-ai/skills |
| vue-debug-guides | Vue 3 的调试与错误处理指南,涵盖运行时错误、警告、异步失败以及 SSR/水合问题。 | vuejs-ai/skills |
| create-adaptable-composable | 创建一个库级别的 Vue composable,接受可能具有响应性的输入(MaybeRef / MaybeRefOrGetter),使调用方既可以传普通值,也可以传 ref 或 getter。 | vuejs-ai/skills |
| nuxt-modules | 在创建 Nuxt 模块时使用:(1) 已发布的 npm 模块(@nuxtjs/、nuxt-),(2) 本地项目模块(modules/ 目录),(3) 运行时扩展(组件、composables、插件),(4) 服务端扩展(API 路由、中间件),(5) 向 npm 发布/上线模块,(6) 为模块配置 CI/CD 工作流。 | onmax/nuxt-skills |
设计
| 技能 | 说明 | 来源 |
|---|---|---|
| frontend-design | 在构建全新 UI 或重塑现有 UI 时,提供具有辨识度和设计意图的视觉设计指引。 | anthropics/skills |
浏览器
| 技能 | 说明 | 来源 |
|---|---|---|
| agent-browser | 面向 AI Agent 的浏览器自动化 CLI。当用户需要与网站交互时使用,包括页面导航、表单填写、按钮点击、截图、数据提取、Web 应用测试或任何浏览器自动化任务。 | vercel-labs/agent-browser |
赞助商
许可证
License © Anthony Fu (https://github.com/antfu)
相似文章
@dotey: 分享一下我管理 Skills 的方式,偏极客风格,不一定适合所有人,但可以给大家提供一个思路。 一、Skills 只装在项目里,不装全局 Agent 的 Skills 可以装在全局(所有项目共享)或者项目内(只有当前项目能用)。我选择只装…
分享了一种使用软链接(symlink)管理 Claude Agent Skills 的极客风格方法,只在项目内安装 Skills 以节省上下文空间,并通过软链接方便更新和维护。
@gkxspace: 用了两天志辉大佬开源的 skills-manage,好家伙,这个工具解决了我一个大痛点。 以前我的 Skill 文件散落在各种地方,每次更新一个 Skill,得手动同步。 skills-manage 用 ~/.agents/skills/…
开源工具 skills-manage 通过中央仓库 ~/.agents/skills/ 和软链接机制,实现多平台 Skill 文件一键同步与 GitHub 导入。
@mylifcc: Anthropic 6月3日发布重磅博客《Lessons from building Claude Code: How we use skills》,总结了一下a社对于skill的理解: Skills 到底是什么?(核心概念澄清) 不是:…
Anthropic发布博客解释Claude Code中Skills的概念:Skills是一个包含指令、脚本、参考资料等内容的文件夹,Agent可渐进式披露上下文以减少幻觉和token浪费。
@aronhouyu: https://x.com/aronhouyu/status/2063561548145275255
介绍了一个名为awesome-codex-skills的开源仓库,收录了上千个针对Codex(以及Claude Code、Gemini CLI等)的预设技能(Skills),涵盖开发、数据、协作等场景,并提供了安装和使用指南,帮助用户复用工作流。
vercel-labs/skills
Vercel Labs 发布 "skills" CLI,可为 45+ AI 编码代理(包括 Claude Code、Codex 和 Cursor)安装可复用的技能包。