news 2026/5/20 0:11:21

精选 Skills 推荐:10 个让 Coding Agent 如虎添翼的Skills + 优质来源分享

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
精选 Skills 推荐:10 个让 Coding Agent 如虎添翼的Skills + 优质来源分享

精选 Skills 推荐:10 个让 Coding Agent 如虎添翼的Skills + 优质来源分享

本篇是Vibecoding 系列教程的工具导向专题篇。

  • 前篇:进阶教程(一):MCP + Skills 让 coding agent 有自己的工具
  • 系列合集:Vibecoding 教程基础篇+进阶篇

写在前面

进阶教程(一)中我们已经了解了 Skills 具体是什么,应该怎么写,怎么让Coding Agent自行调用,当我们发现 skills 可以降低我们重复工作所消耗的时间和精力时,就会开始找更多的 skills ,与此同时问题也来了,社区中的 skills 已经数以十万甚至百万记了 , 全装下来即是对上下文的挑战也是对钱包的挑战固态也受不了,所以肯定不能全装

这篇直接给佬友们端上来10 个我筛选过的 Skills 和 Skills Framework,从方法论框架到具体场景卡片都有。每个Skills/Skills framework 都有一段分析/说明 ,佬友们可以根据说明来选择自己喜欢的 (还是不推荐一口气都装下来,同一个任务被指向多个 skills coding agent 是不知道该按哪个来工作的,文末推荐了skills的组合方法,以及很多Skills整合网站来供佬友们自行选择。

我选择的这些Skills/Skills framework 至少具备怎样的特点呢:

  1. 社区热度高
  2. 确实解决了真实痛点
  3. 彼此不重叠
  4. 大多数主流工具都能用(Claude Code / Codex / Cursor / Antigravity)

推荐 Skills/Skills framework等相关一览

#名称类型热度一句话说清楚
1SuperpowersSkills Framework⭐ 90k+强制 coding agent 走 TDD + 代码审查,不让 coding agent 偷懒
2SuperClaude FrameworkSkills 命令框架⭐ 21.8k30 条 slash 命令,指挥 coding agent 干活
3MiniMax SkillsSkills 集合包⭐ 1.8k10 个工业级流程卡,前端全栈移动端文档都有
4Anthropic Official Skills官方 Skills官方出品官方的 skills 参考实现,skill-creator必装
5Vercel Agent SkillsSkills 集合包⭐ 23.6kVercel 官方出品,React/Web 设计 140+ 条审查规则
6Planning with Files专项 Skill高引用用 Markdown 文件给 coding agent 当外挂记忆库
7Context Engineering SkillsSkills 集合包社区热门教 coding agent 管理自己的上下文
8Composio SkillsSkills + MCP团队出品MCP + Skills 双层配合,教 coding agent 认证和调用外部服务
9Antfu Skills个人 Skills开发者标杆高手是怎么写 Skills 的
10Awesome Agent SkillsSkills 索引⭐ 12.4k500+ 各大厂 Skills 的索引,当目录翻

1. Superpowers(⭐ 90k+)

仓库:obra/superpowers

作者:Jesse Vincent

类型:Skills Framework,准确的说,这其实是一整套工程方法论系统

兼容:Claude Code(Marketplace 已收录)、Codex、Gemini CLI、OpenCode、Cursor

GitHub 上非常非常火的 Coding Agent 框架

但很多佬友以为它是一堆 SKILL.md 卡片,其实它是一套完整的系统:包含Skills + 子智能体 + Slash 命令 + 会话钩子 + 多平台适配器。

完整结构

superpowers/ ├── skills/ ← 14 个核心 Skills(带 references/ 按需加载) ├── agents/ ← 子智能体(code-reviewer) ├── commands/ ← 3 个命令(/brainstorm /write-plan /execute-plan) ├── hooks/ ← 会话钩子(启动时自动注入) ├── .claude-plugin/ ← Claude Code 插件配置 ├── .codex/ ← Codex 适配 ├── .opencode/ ← OpenCode 适配 ├── GEMINI.md ← Gemini CLI 适配 └── docs/

14 个 Skills

类别Skill用途
方法论brainstorming动手之前按照上下文-问问题-出方案-写文档的流程来走
方法论writing-plans把设计变成分步计划
方法论executing-plans按计划严格执行,禁止 Coding Agent 跳步
TDDtest-driven-development先写测试再写码,如果跳过了测试就重来
调试systematic-debugging系统化排雷(光引用文件就 11 个),不让 Coding Agent 自己乱试
子智能体subagent-driven-development多个子智能体协同干活
子智能体dispatching-parallel-agents并行分派 Agent 出去
代码审查requesting-code-review发起审查
代码审查receiving-code-review接收审查反馈
Gitusing-git-worktreesworktree 物理隔离分支
Gitfinishing-a-development-branch分支收尾清单
质量verification-before-completion做完了必须跑验证,而不是等Agent自我感觉良好了就输出
元技能using-superpowers路由器,告诉 Coding Agent 什么时候该用哪个 Skill
元技能writing-skills写新的 Skill

为什么把它排第一

它解决了一个让大家头痛很久的问题:coding agent 拿到需求就直接开写,不想不规划不测试。Superpowers 把完整的工程流水线用skills固化了下来:

收到任务 → brainstorming(先想清楚) → writing-plans(写计划) → test-driven-development(TDD 写码) → verification-before-completion(跑验证) → requesting-code-review(代码审查) → finishing-a-development-branch(收尾提交)

每个环节都有门控——前一步没过是到不了下一步。装了之后 coding agent 的输出质量是能明显感觉到提升的。

安装

支持 Claude Code / Codex / Cursor / Gemini CLI / OpenCode,各平台方式不一样。

👉直达仓库 README:github.com/obra/superpowers#installation


2. SuperClaude Framework(⭐ 21.8k)

仓库:SuperClaude-Org/SuperClaude_Framework

类型:Skills 命令框架

兼容:Claude Code

这是一个元编程配置框架而不是标准的 skill.md 的格式,但做的事情却和 skills 高度相似,SuperClaude Framework定义了 Coding Agent 的行为模式、工作流程、输出约束,所以我还是把这个项目放到了 skills 推荐专栏,它和 Superpowers 的区别是,Superpowers 管的是“怎么正确地开发”(TDD、代码审查),SuperClaude 管的是怎么高效地指挥 coding agent 干活。两个可以配合着用。

30 条命令一览

类别命令用途
规划设计/brainstorm/design/estimate/spec-panel想点子、画架构、估工时
开发/implement/build/improve/cleanup/explain写码、构建、改进、重构
测试质量/test/analyze/troubleshoot/reflect测试、分析、排障、复盘
文档/document/help写文档、看帮助
版本控制/gitGit 操作
项目管理/pm/task/workflow项目管理、任务跟踪
研究/research/business-panel深度调研、商业分析
工具/agent/spawn/index-repo/save/load子 Agent、并行任务、会话管理

安装

👉直达仓库 README:github.com/SuperClaude-Org/SuperClaude_Framework#-quick-installation


3. MiniMax Skills(⭐ 1.8k)

仓库:MiniMax-AI/skills

类型:Skills 集合包(10 个)

兼容:Claude Code / Cursor / Codex / OpenCode

昨天晚上看到佬友分享后马上就去了解了一下,这个repo是MiniMax 官方出的 10 个技能,每个都带完整工作流、设计系统、质量门控,是可以直接拿来用在生产环境的。

10 个技能

Skill定位用途
frontend-dev前端设计 + 动画(Framer Motion / GSAP)+ AI 资源生成 + 文案
fullstack-dev全栈7 条规范 + 三层架构 + 13 种模式
android-native-devAndroidKotlin/Compose + Material Design 3
ios-application-deviOSUIKit + SwiftUI + Apple HIG
shader-dev着色器36 种 GLSL 技术
gif-sticker-makerGIF 贴纸照片转 Funko Pop 风格动画 GIF
minimax-pdfPDF从零创建 / 填表 / 重排版
pptx-generatorPPTPptxGenJS + 完整设计系统
minimax-xlsxExcel创建/读/分析/编辑/验证
minimax-docxWordOpenXML SDK + XSD 验证

安装

支持 Claude Code / Cursor / Codex / OpenCode。

👉直达仓库 README:github.com/MiniMax-AI/skills#installation


4. Anthropic Official Skills(官方出品)

仓库:anthropics/skills

类型:官方 Skills

兼容:Claude Code(原生支持)

Anthropic 自己出的 Skills,算是 Skills 的标杆了,这个 skill-creator 在站内也有很多佬友推荐, frontend-design 也很不错。

Skill用途
skill-creator教你怎么写 Skill 的 Skill,入门必装
frontend-design前端设计、UI/UX
web-artifacts-builder构建 HTML artifacts(React + Tailwind)
mcp-builder创建 MCP Server
webapp-testingPlaywright 测试
docx/pptx/xlsx/pdf文档四件套
algorithmic-artp5.js 生成艺术
canvas-designPNG/PDF 可视化设计

如果佬友们打算自己写 Skills,先装skill-creator。它会引导你按标准格式来,包括 SKILL.md 怎么写、元数据怎么填。


5. Vercel Agent Skills(⭐ 23.6k)

仓库:vercel-labs/agent-skills

类型:Skills 集合包(前端最佳实践)

兼容:Claude Code / Cursor / Codex / 通用

Vercel 工程团队出品的 5 个 Skills,每个都是 SKILL.md 标准格式。做 React / Next.js / Web 开发的佬友可能会感兴趣,它不教如何写代码,而是教 coding agent 按 Vercel 团队的工程标准来审查和优化代码。

Skill用途
react-best-practices40+ 条 React/Next.js 性能优化规则,按影响程度分级(消除 waterfall、包体积优化、SSR 性能…)
web-design-guidelines100+ 条 Web 设计审查规则:无障碍、焦点状态、表单、动画、暗色模式、国际化…
react-native-guidelines16 条 RN/Expo 最佳实践:FlashList、Reanimated、手势处理、平台适配
composition-patterns用组合模式替代 boolean prop 泛滥:compound components、状态提升
vercel-deploy-claimable一键部署到 Vercel,自动检测 40+ 框架,返回预览链接

特别推荐web-design-guidelines——100 多条规则覆盖了你能想到的所有 UI 细节,coding agent 做完 UI 后让它跑一遍这个 Skill 的审查,能抓出不少自己根本审不到的问题。

安装

👉直达仓库 README:github.com/vercel-labs/agent-skills#installation


6. Planning with Files

仓库:OthmanAdi/planning-with-files

类型:专项 Skill(上下文工程)

兼容:Claude Code / Codex / 通用

做过长任务的佬都知道,coding agent 做到一半就忘了最初的目标,上下文太长前面的指令就被稀释掉了。这个 Skill 用 Markdown 文件给 coding agent 做了一个外挂记忆库:

  • task_plan.md→ 任务规划
  • findings.md→ 调研发现
  • progress.md→ 进度追踪

coding agent 做重大决策会先重读计划,在推进过程中更新进度,十分适合跨多轮对话的复杂任务。


7. Context Engineering Skills

仓库:muratcankoylan/Agent-Skills-for-Context-Engineering

类型:Skills 集合包(上下文治理)

兼容:通用

现在社区慢慢意识到了:提示词工程只是冰山一角,左右 coding agent 输出质量的还有很大的一部分是上下文工程,给它看什么、按什么顺序看、什么时候该压缩、什么时候该忘掉是很重要的一环。

Skill教 coding agent 什么
context-fundamentals理解上下文的本质
context-degradation识别上下文退化:识别丢信息、注意力分散的情况
context-compression长对话压缩策略
context-optimization缓存、掩码策略
multi-agent-patterns编排者/对等/层级式多智能体架构
memory-systems短期/长期/图结构记忆

8. Composio Skills

仓库:ComposioHQ/skills

类型:Skills + MCP(双层配合)

兼容:通用(npx skills add composiohq/skills一键安装)

日常开发里 coding agent 经常要和外部服务打交道——读写 GitHub Issues、发 Slack 通知、操作 Google Sheets、查 Jira。每个服务都自己写 MCP Server 来对接对很麻烦,Composio 把这些都封装好了。

它比较特殊的一点是:MCP + Skills 配合。Composio 本身提供 MCP Server(composio mcp),coding agent 通过标准 MCP 协议调用外部服务;同时还有一层 SKILL.md + rules 文件,教 coding agent 怎么正确地使用这些 MCP 工具——session 怎么管、多用户怎么隔离、OAuth 怎么走、各框架怎么集成。光有 MCP 工具 coding agent 只知道能调,加上 Skills 它才知道怎么调才对。

Composio Skills 的模式也是我觉得很有参考价值的模式,用 MCP + Skills 配合来提高agent调用工具的质量和效率。

仓库结构

skills/composio/ ├── SKILL.md ← 主入口,概览和规则索引 ├── AGENTS.md ← 单文件合并版(自动生成) └── rules/ ← 各类规则文件 ├── tr-*.md ← Tool Router 规则 └── triggers-*.md ← 触发器规则

四块能力

模块用途
Tool Router教 coding agent 怎么选工具、管 session、做用户隔离。还附了 Vercel / OpenAI Agents / LangChain / Claude / CrewAI 各框架的集成指南
Authentication自动认证(在对话里直接搞定 OAuth)和手动授权流程
Toolkits & Connections查询可用工具集、管理连接状态
Triggers & Events创建实时事件触发器、Webhook 验证、生产环境部署模式

和其他 Skills 不一样的地方是:Composio 的 rules 文件是按场景拆的小卡片(tr-session-management.mdtr-framework-integration.md),coding agent 按需读取,不会一次性全加载。


9. Antfu Skills

仓库:antfu/skills

类型:个人 Skills

兼容:通用

Anthony Fu 的个人 Skills 仓库。他是 Vue / Vite / UnoCSS / Vitest 的核心维护者,代码风格和工程标准就是行业标杆。与其一口气装一堆别人写的 Skills,不如先看看顶级大佬是怎么组织和写 Skills 的,学到手之后自己写的才好用。


10. Awesome Agent Skills(⭐ 12.4k)

仓库:VoltAgent/awesome-agent-skills

类型:Skills 索引

兼容:Claude Code / Codex / Antigravity / Gemini CLI / Cursor 等

严格说这不是一个 Skill,而是一个 500+ Skills 的索引仓库,正因为它整合的 skills 实在是全面,所以我决定放进来。里面收录的都是 Anthropic、Google Labs、Vercel、Stripe、Cloudflare、Netlify、Trail of Bits、Sentry、Expo、Hugging Face 这些团队贡献的高质量 skills。

来源团队代表 Skills
Stripestripe-best-practices(支付集成)、upgrade-stripe(SDK 升级)
Supabasepostgres-best-practices
Google GeminiGemini API / Vertex AI 开发指南
Vercel部署和开发最佳实践
CloudflareWorkers / Pages 开发
Trail of Bits安全审计

直接把这个项目当成skills索引即可,千万不要一口气都装下来!


怎么选?

情况选这个
coding agent 写码太随意,需要引入规范Superpowers(#1)
想要一套命令系统指挥 coding agentSuperClaude Framework(#2)
需要特定领域指导(前端/全栈/移动端)MiniMax Skills(#3)
想用官方标准 SkillsAnthropic Official(#4)
做 React/Web 前端想要工程标准Vercel Agent Skills(#5)
coding agent 做长任务忘了最初目标Planning with Files(#6)
想深入上下文管理Context Engineering(#7)
要对接外部 API 和服务Composio Skills(#8)
想学怎么写好 SkillsAntfu Skills(#9)
想看大厂团队都用什么Awesome Agent Skills(#10)

Skills 加载机制

很多佬友以为 Skills 是“coding agent 检测到任务后按需调的”——只对了一半,不同工具之间还是有差异的

两种模式

模式工作方法
全量加载启动时把 skills 目录里所有 SKILL.md 一股脑塞进 system prompt
按需路由只读 name + description,匹配到了才加载完整内容

全量加载的工具,Skills 装多了会吃掉大量 token,最后导致留给实际对话的空间骤减,而按需路由的可以多装一些。

references/ 目录

好的 Skill 会把详细内容拆到references/子目录:

my-skill/ ├── SKILL.md ← 先读这个(比较短,用来做路由) └── references/ ├── detailed-guide.md ← 需要时才读 └── anti-patterns.md ← QA 阶段才读

主 SKILL.md 越短越好,这个确实很重要。Superpowers 的systematic-debugging有 11 个引用文件,但主文件很短,只在任务匹配时才加载详细指南。

装之前看这里

不要贪多

参考分层: 层 1:一个 Framework(Superpowers 或 SuperClaude,二选一) 层 2:1-2 个领域 Skill 层 3:Awesome 系列当skills索引,而不要整个装

自己写一个

用了别人的 Skills 之后,建议佬友们也自己写一个。回顾一下你和 coding agent 协作最顺畅的那几次,把那套流程固化下来就行。用前文提到的 Anthropic 的skill-creator来引导编写一下。


附录一:Skills 整合平台

除了上面推荐的 10 个,找更多 Skills 可以去这些地方翻:

平台特点链接
Skills.shVercel 出的,3.5 万+ 技能包,支持一键安装skills.sh
SkillsMP聚合 GitHub 12.1 万+ 开源技能,AI 语义搜索skillsmp.com
Agent Skills Me人工精选agentskills.me
agent-skills.md6000+ 高频技能agent-skills.md
Agent Skills Hub29,000+ Skills + MCP Serversagentskillshub.top
agent-skills.cc从 63,000+ GitHub Skills 里精选 1,000+agent-skills.cc
Claude MarketplacesClaude Code 插件市场claudemarketplaces.com
AI Templates1000+ Agents / Commands / Skills / MCPaitmpl.com
SkillStore中文友好,有安全审查skillstore.io
Skills DirectoryReddit 社区推荐的口碑榜skillsdirectory.com
SkillHub(腾讯)2.2 万+ 技能,国内高速镜像skillhub.tencent.com
ClawHubOpenClaw 官方技能仓库,像 npm 一样管理clawhub.ai

附录二:Repo推荐

仓库定位
anthropics/skillsAnthropic 官方 Skills
obra/superpowersSuperpowers 框架
SuperClaude-Org/SuperClaude_FrameworkSuperClaude 命令框架
MiniMax-AI/skillsMiniMax 10 个生产级 Skills
VoltAgent/awesome-agent-skills500+ Skills 索引
ComposioHQ/skillsComposio MCP + Skills
vercel-labs/agent-skillsVercel 官方
antfu/skillsAntfu 的个人实践
ZhanlinCui/Agent-Skills-Hunter大杂烩(400+ Skills)
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/3 15:12:13

Qwen3-0.6B-FP8对比传统操作:AI如何优化C盘清理与系统维护

Qwen3-0.6B-FP8对比传统操作:AI如何优化C盘清理与系统维护 每次电脑弹出“磁盘空间不足”的红色警告,你是不是也感到一阵头疼?打开C盘,密密麻麻的文件夹,根本不知道哪些能删,哪些动了就会出问题。传统的清…

作者头像 李华
网站建设 2026/5/20 0:07:37

数据结构核心解析与工程实践指南

1. 数据结构基础概念解析数据结构是计算机存储、组织数据的方式,它决定了数据元素之间的逻辑关系以及对这些关系的操作方式。作为一名从业十年的程序员,我深刻体会到数据结构的重要性——它就像建筑中的钢筋骨架,直接影响着程序的效率、可维护…

作者头像 李华
网站建设 2026/4/2 3:06:47

Shell编程避坑指南:为什么你的while循环总出问题?7个常见错误排查

Shell编程避坑指南:为什么你的while循环总出问题?7个常见错误排查 在Shell脚本开发中,while循环是处理未知迭代次数的利器,但也是错误的高发区。很多开发者在使用while时经常遇到脚本卡死、逻辑异常或结果不符合预期等问题。本文将…

作者头像 李华
网站建设 2026/4/3 21:19:27

OpenClaw自动化测试进阶:千问3.5-35B-A3B-FP8驱动APP遍历与异常路径发现

OpenClaw自动化测试进阶:千问3.5-35B-A3B-FP8驱动APP遍历与异常路径发现 1. 为什么需要AI驱动的自动化测试 去年在为一个金融类APP做兼容性测试时,我遇到了一个典型问题:人工测试团队花了3周时间才覆盖80%的核心路径,而边缘场景…

作者头像 李华
网站建设 2026/4/2 2:55:25

Windows下OpenClaw安装避坑:对接Gemma-3-12b-it模型完整流程

Windows下OpenClaw安装避坑:对接Gemma-3-12b-it模型完整流程 1. 为什么选择这个组合? 去年我在尝试构建一个本地自动化写作助手时,发现市面上的方案要么过于笨重,要么隐私性不足。直到遇到OpenClawGemma这个组合——前者提供了安…

作者头像 李华
网站建设 2026/4/2 2:54:46

安卓监听焦点变化

// 获取根布局 (DecorView) View rootView getWindow().getDecorView();// 添加全局焦点变化监听器 rootView.getViewTreeObserver().addOnGlobalFocusChangeListener(new ViewTreeObserver.OnGlobalFocusChangeListener() {Overridepublic void onGlobalFocusChanged(View ol…

作者头像 李华