我常用的 Agent Skill

这里记的是我会主动用到的 Skill，不是完整目录。遇到对应任务时再加载即可，没有必要全部常驻。

通常直接在账户目录运行安装命令；如果希望 Skill 只作用于某个项目，先进入该项目目录再执行。

# 安装到账户目录，供个人常用工作流使用
cd ~
npx skills add https://github.com/op7418/Humanizer-zh.git

# 只给当前项目安装
cd /path/to/project
npx skills add https://github.com/op7418/Humanizer-zh.git

开发流程与质量

Superpowers：开发流程 Skill 集合

obra/superpowers 不是单个 Skill，而是一组约束开发流程的 Skill。常用的有 brainstorming、systematic-debugging、test-driven-development 和 verification-before-completion：分别用于开始实现前梳理方案、先找根因再修 Bug、先写测试，以及完成前拿到实际验证结果。

建议先安装入口 Skill using-superpowers。它要求 Agent 在行动前判断是否有适用的 Skill；之后再按实际工作安装需要的专项 Skill。

# 安装 Superpowers 的入口 Skill
npx skills add https://github.com/obra/superpowers --skill using-superpowers

# 按需安装专项 Skill，例如系统化排错
npx skills add https://github.com/obra/superpowers --skill systematic-debugging

查资料与写代码

context7-mcp（documentation-lookup）

查库、框架、SDK、CLI 或云服务的当前文档。它适合确认会变化的 API、配置项和迁移方法；业务逻辑排错、普通重构或直接读项目代码时，用不着先查文档。

安装：

npx skills add https://github.com/upstash/context7 --skill documentation-lookup

vercel-react-best-practices

写 React 和 Next.js 时使用。重点是组件边界、客户端状态、数据获取和渲染性能。它提供的是实践清单，不会替代项目自己的 AGENTS.md 和验证命令。

安装：

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices

界面设计

frontend-design

做网页或前端界面时使用，帮助 Agent 处理布局、视觉层次和交互细节。它适合从零设计页面或调整现有界面，不替代项目已有的设计系统和组件规范。

安装：

npx skills add anthropics/skills@frontend-design

文本与文档

humanizer-zh

中文文章写完后，用它检查 AI 腔：删掉套话、过度总结和机械的并列句，保留原意再润色。它适合博客文章、说明文和评论；技术命令、配置、错误输出不应该为了“自然”而改写。

安装：

npx skills add https://github.com/op7418/Humanizer-zh.git

参考

• Skills CLI：<https://skills.sh/docs/cli>
• Skills 目录：<https://skills.sh/>
• Codex 文档：<https://developers.openai.com/codex>