精选 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 至少具备怎样的特点呢社区热度高确实解决了真实痛点彼此不重叠大多数主流工具都能用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 CodeMarketplace 已收录、Codex、Gemini CLI、OpenCode、CursorGitHub 上非常非常火的 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-developmentTDD 写码 → verification-before-completion跑验证 → requesting-code-review代码审查 → finishing-a-development-branch收尾提交每个环节都有门控——前一步没过是到不了下一步。装了之后 coding agent 的输出质量是能明显感觉到提升的。安装支持 Claude Code / Codex / Cursor / Gemini CLI / OpenCode各平台方式不一样。直达仓库 READMEgithub.com/obra/superpowers#installation2. 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、并行任务、会话管理安装直达仓库 READMEgithub.com/SuperClaude-Org/SuperClaude_Framework#-quick-installation3. 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 3ios-application-deviOSUIKit SwiftUI Apple HIGshader-dev着色器36 种 GLSL 技术gif-sticker-makerGIF 贴纸照片转 Funko Pop 风格动画 GIFminimax-pdfPDF从零创建 / 填表 / 重排版pptx-generatorPPTPptxGenJS 完整设计系统minimax-xlsxExcel创建/读/分析/编辑/验证minimax-docxWordOpenXML SDK XSD 验证安装支持 Claude Code / Cursor / Codex / OpenCode。直达仓库 READMEgithub.com/MiniMax-AI/skills#installation4. Anthropic Official Skills官方出品仓库anthropics/skills类型官方 Skills兼容Claude Code原生支持Anthropic 自己出的 Skills算是 Skills 的标杆了这个 skill-creator 在站内也有很多佬友推荐 frontend-design 也很不错。Skill用途skill-creator教你怎么写 Skill 的 Skill入门必装frontend-design前端设计、UI/UXweb-artifacts-builder构建 HTML artifactsReact Tailwindmcp-builder创建 MCP Serverwebapp-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 的审查能抓出不少自己根本审不到的问题。安装直达仓库 READMEgithub.com/vercel-labs/agent-skills#installation6. 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 Servercomposio mcpcoding 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.md、tr-framework-integration.mdcoding 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。来源团队代表 SkillsStripestripe-best-practices支付集成、upgrade-stripeSDK 升级Supabasepostgres-best-practicesGoogle 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#5coding agent 做长任务忘了最初目标Planning with Files#6想深入上下文管理Context Engineering#7要对接外部 API 和服务Composio Skills#8想学怎么写好 SkillsAntfu Skills#9想看大厂团队都用什么Awesome Agent Skills#10Skills 加载机制很多佬友以为 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一个 FrameworkSuperpowers 或 SuperClaude二选一 层 21-2 个领域 Skill 层 3Awesome 系列当skills索引而不要整个装自己写一个用了别人的 Skills 之后建议佬友们也自己写一个。回顾一下你和 coding agent 协作最顺畅的那几次把那套流程固化下来就行。用前文提到的 Anthropic 的skill-creator来引导编写一下。附录一Skills 整合平台除了上面推荐的 10 个找更多 Skills 可以去这些地方翻平台特点链接Skills.shVercel 出的3.5 万 技能包支持一键安装skills.shSkillsMP聚合 GitHub 12.1 万 开源技能AI 语义搜索skillsmp.comAgent Skills Me人工精选agentskills.meagent-skills.md6000 高频技能agent-skills.mdAgent Skills Hub29,000 Skills MCP Serversagentskillshub.topagent-skills.cc从 63,000 GitHub Skills 里精选 1,000agent-skills.ccClaude MarketplacesClaude Code 插件市场claudemarketplaces.comAI Templates1000 Agents / Commands / Skills / MCPaitmpl.comSkillStore中文友好有安全审查skillstore.ioSkills DirectoryReddit 社区推荐的口碑榜skillsdirectory.comSkillHub腾讯2.2 万 技能国内高速镜像skillhub.tencent.comClawHubOpenClaw 官方技能仓库像 npm 一样管理clawhub.ai附录二Repo推荐仓库定位anthropics/skillsAnthropic 官方 Skillsobra/superpowersSuperpowers 框架SuperClaude-Org/SuperClaude_FrameworkSuperClaude 命令框架MiniMax-AI/skillsMiniMax 10 个生产级 SkillsVoltAgent/awesome-agent-skills500 Skills 索引ComposioHQ/skillsComposio MCP Skillsvercel-labs/agent-skillsVercel 官方antfu/skillsAntfu 的个人实践ZhanlinCui/Agent-Skills-Hunter大杂烩400 Skills