Skills 推荐
本文最后更新于116 天前,其中的信息可能已经过时,如有错误请发送邮件到[email protected]

这篇文章为Vibe Coding的进阶教程,请一定先了解后再继续本篇
[1]

Superpowers

仓库:obra/superpowers

作者:Jesse Vincent

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

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

GitHub 上非常非常火的 Coding Agent 框架,它是一套完整的系统:包含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/

Skill 列表

类别 Skill 用途
方法论 brainstorming 动手之前按照上下文 - 问问题 - 出方案 - 写文档的流程来走
方法论 writing-plans 把设计变成分步计划
方法论 executing-plans 按计划严格执行,禁止 Coding Agent 跳步
TDD test-driven-development 先写测试再写码,如果跳过了测试就重来
调试 systematic-debugging 系统化排雷(光引用文件就 11 个),不让 Coding Agent 自己乱试
子智能体 subagent-driven-development 多个子智能体协同干活
子智能体 dispatching-parallel-agents 并行分派 Agent 出去
代码审查 requesting-code-review 发起审查
代码审查 receiving-code-review 接收审查反馈
Git using-git-worktrees worktree 物理隔离分支
Git finishing-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 的输出质量是能明显感觉到提升的。

SuperClaude Framework

仓库:SuperClaude-Org/SuperClaude_Framework

类型:Skills 命令框架

兼容:目前仅看到支持Claude Code

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

命令速览:

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

MiniMax Skills

仓库: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-dev Android Kotlin/Compose + Material Design 3
ios-application-dev iOS UIKit + SwiftUI + Apple HIG
shader-dev 着色器 36 种 GLSL 技术
gif-sticker-maker GIF 贴纸 照片转 Funko Pop 风格动画 GIF
minimax-pdf PDF 从零创建 / 填表 / 重排版
pptx-generator PPT PptxGenJS + 完整设计系统
minimax-xlsx Excel 创建 / 读 / 分析 / 编辑 / 验证
minimax-docx Word OpenXML SDK + XSD 验证

Anthropic Official Skills(官方出品)

仓库:anthropics/skills

类型:官方 Skills

兼容:Claude Code(原生支持)

技能表

Skill 用途
skill-creator 教你怎么写 Skill 的 Skill,入门必装
frontend-design 前端设计、UI/UX
web-artifacts-builder 构建 HTML artifacts(React + Tailwind)
mcp-builder 创建 MCP Server
webapp-testing Playwright 测试
docx / pptx / xlsx / pdf 文档四件套(Word/PPT/Excel/PDF 全生命周期操作)
algorithmic-art p5.js 生成艺术
canvas-design PNG/PDF 可视化设计

Vercel Agent Skills

仓库:vercel-labs/agent-skills

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

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

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

技能

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

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

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 做重大决策会先重读计划,在推进过程中更新进度,十分适合跨多轮对话的复杂任务。

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 短期 / 长期 / 图结构记忆

Composio Skills

仓库:ComposioHQ/skills

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

兼容:通用

日常开发里 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 验证、生产环境部署模式

Composio 的 rules 文件是按场景拆的小卡片(tr-session-management.md、tr-framework-integration.md),coding agent 按需读取,不会一次性全加载。

Antfu Skills

仓库:antfu/skills

类型:个人 Skills

兼容:通用

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

Awesome Agent Skills

仓库: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索引即可,千万不要一口气都装下来!

欢迎来到我的 AI 中转站,极具性价比,为付费不方便的朋友提供便利,有需求的可以添加左侧 QQ 二维码,另外,邀请新用户能获取余额哦!最后说一句,那啥:请自觉遵守《生成式人工智能服务管理暂行办法》。
暂无评论

发送评论 编辑评论


				
|´・ω・)ノ
ヾ(≧∇≦*)ゝ
(☆ω☆)
(╯‵□′)╯︵┴─┴
 ̄﹃ ̄
(/ω\)
∠( ᐛ 」∠)_
(๑•̀ㅁ•́ฅ)
→_→
୧(๑•̀⌄•́๑)૭
٩(ˊᗜˋ*)و
(ノ°ο°)ノ
(´இ皿இ`)
⌇●﹏●⌇
(ฅ´ω`ฅ)
(╯°A°)╯︵○○○
φ( ̄∇ ̄o)
ヾ(´・ ・`。)ノ"
( ง ᵒ̌皿ᵒ̌)ง⁼³₌₃
(ó﹏ò。)
Σ(っ °Д °;)っ
( ,,´・ω・)ノ"(´っω・`。)
╮(╯▽╰)╭
o(*////▽////*)q
>﹏<
( ๑´•ω•) "(ㆆᴗㆆ)
😂
😀
😅
😊
🙂
🙃
😌
😍
😘
😜
😝
😏
😒
🙄
😳
😡
😔
😫
😱
😭
💩
👻
🙌
🖕
👍
👫
👬
👭
🌚
🌝
🙈
💊
😶
🙏
🍦
🍉
😣
Source: github.com/k4yt3x/flowerhd
颜文字
Emoji
小恐龙
花!
上一篇
下一篇