🔧 AI技能排名
AI编程助手技能插件排名，覆盖开发流程、前端设计、安全审计、文档处理等领域
1
Superpowers
96.5by Obra·GitHub ★ 4.1万
最完整的多Agent开发工作流。从头脑风暴到TDD到代码评审，结构化整个开发生命周期。
安装
npx skills add obra/superpowers
功能
- /brainstorm：通过结构化问题细化想法，保存设计文档
- /write-plan：将设计拆分为2-5分钟的可执行任务
- /execute-plan：为每个任务分派独立子Agent
- using-git-worktrees：创建隔离分支并验证测试基线
- test-driven-development：在写代码前强制写失败测试
- 代码评审 + 分支管理
2
Frontend Design
95.2by Anthropic·GitHub ★ 2.8万
让Claude告别AI味设计，产出独特、生产级的界面。禁止过度使用的字体，强制有意识的美学选择。
安装
npx skills add https://github.com/anthropics/skills --skill frontend-design
功能
- 禁止 AI 味设计模式
- 20+ 风格方向可选
- 字体搭配 + 色彩系统指导
- 动效和空间构成
- 支持 HTML/CSS/JS、React、Vue
3
Firecrawl CLI
93.8by Firecrawl·GitHub ★ 3.5万
给Agent可靠的网络数据访问。处理JS渲染、动态内容，支持爬取、搜索、浏览器交互。
安装
npx -y firecrawl-cli@latest init --all --browser
功能
- firecrawl scrape：从任何页面获取干净 Markdown
- firecrawl search：搜索+抓取一步完成
- firecrawl interact：自然语言交互 + Playwright
- firecrawl crawl：递归爬取整个站点
- firecrawl map：发现域名下所有 URL
4
Web Design Guidelines
92.4by Vercel Labs·GitHub ★ 1.5万
100+ 条 Web 界面规则审计。覆盖无障碍、性能、UX，输出可直接修改的 file:line 格式。
安装
npx skills add https://github.com/vercel-labs/agent-skills --skill web-design-guidelines
功能
- 100+ 条 UI/UX 规则自动检查
- ARIA 属性、焦点状态、标签验证
- 触摸目标尺寸、减少动效支持
- 语义 HTML 和标题层级检查
- 始终获取最新规则版本
5
React Best Practices
91.5by Vercel Labs·GitHub ★ 1.5万
57 条 React 性能优化规则，按实际影响排序。先消除请求瀑布流，再优化包大小。
安装
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-best-practices
功能
- 消除请求瀑布流（Suspense 边界）
- 避免 barrel imports 拉入整个库
- 使用 next/dynamic 延迟加载重组件
- CSS content-visible 优化长列表
- React 19 use() 替代 useContext()
6
Document Skills
90.8by Anthropic·GitHub ★ 2.8万
官方文档处理技能。创建和编辑真实的 PDF、Word、Excel、PowerPoint 文件，不是生成文本描述。
安装
npx skills add https://github.com/anthropics/skills --skill pdf
功能
- PDF：提取文本/表格、创建、合并、拆分、表单处理
- DOCX：创建和编辑 Word 文档，支持修订和批注
- XLSX：Excel 电子表格，支持公式、格式化、数据可视化
- PPTX：PowerPoint 演示文稿，支持布局和图表
7
Webapp Testing
89.6by Anthropic·GitHub ★ 2.8万
让 Claude 用真实浏览器测试你的应用。描述要测什么，Claude 自动操作浏览器并展示结果。
安装
npx skills add https://github.com/anthropics/skills --skill webapp-testing
功能
- Playwright 浏览器控制
- 可见窗口实时观察测试过程
- 认证流程测试
- JS 错误和交互问题检测
8
Trail of Bits Security
88.3by Trail of Bits·GitHub ★ 5,200
专业级安全审计。CodeQL + Semgrep 静态分析、变体分析、结构化代码审计方法论。
安装
npx skills add trailofbits/skills
功能
- CodeQL 静态分析
- Semgrep 规则检测
- 变体分析（跨代码库发现相关漏洞）
- 结构化代码审计方法论
9
GStack
87.1by Garry Tan (YC)·GitHub ★ 8,900
YC总裁的AI工程团队。将Claude变成完整的AI工程团队：Office Hours、设计、QA、代码评审。
安装
npx skills add https://github.com/garrytan/gstack
功能
- office-hours：结构化技术指导和架构决策
- design：UI 和产品设计方向
- code-review：结构化代码评审
- qa：质量保证工作流
- 浏览器测试端到端验证
10
Composition Patterns
85.8by Vercel Labs·GitHub ★ 1.5万
告别布尔prop地狱。用复合组件、Context Provider 和清晰的组件API替代 isCompact/showHeader 式设计。
安装
npx skills add https://github.com/vercel-labs/agent-skills --skill composition-patterns
功能
- 复合组件模式（<Select>, <Select.Trigger>）
- 状态解耦的 Provider 接口
- 显式变体组件
- React 19 use() 替代 useContext()
- Children 优先于 render props
11
Remotion Best Practices
84.5by Remotion Team·GitHub ★ 6,200
React 视频生成最佳实践。动画曲线、音频裁剪、Three.js 3D、数据图表，Claude 写出正确的 Remotion 代码。
安装
npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices
功能
- 动画时序：spring 物理动画、缓动、序列
- 音频和字幕导入与同步
- Three.js 和 React Three Fiber 3D 集成
- 柱状图、饼图、折线图等数据可视化
- 动态元数据和参数化视频
12
Skill Creator
83.2by Anthropic·GitHub ★ 2.8万
交互式创建自定义技能。通过 Q&A 生成完整的 SKILL.md 结构，适合编码你的团队偏好。
安装
npx skills add https://github.com/anthropics/skills --skill skill-creator
功能
- 交互式 Q&A 引导
- 自动生成 SKILL.md 结构
- 触发条件和边界情况处理
- 支持脚本和参考文件
数据更新于 2026/5/1