AI 编程助手的发展，正在进入一个新的阶段。
从最早的「提示词工程（Prompt Engineering）」，到 MCP Server、Agent Tool，再到现在的 Skills ——我们正在见证 AI 能力从“即兴发挥”走向“可复用、可分发、可组合”的工程化过程。
而 Vercel 最新推出的 skills.sh，几乎可以被视为这个阶段的标志性产品：
一个真正的 Skill 商店（Skill Marketplace）。
一、skills.sh 是什么？
skills.sh 是一个 开放的 Skills 索引与分发平台，由 Vercel 推出。
它的定位非常清晰：
- 不是模型
- 不是 Agent 框架
- 不是 MCP Server
- 而是：“给 AI 助手安装技能的地方”
官网底部一句话很简单：
Made with love by Vercel
但含金量极高。
Vercel 是谁不用多说：
Next.js、React 生态、前端工程化的风向标。它愿意下场做 Skills 分发平台，本身就说明一件事：
Skills 不是昙花一现，而是被大厂认可的 AI 基础设施方向。
二、Skill 的本质：比 MCP 更轻的“AI 行为规范”
一个 Skill 本质上是什么？
一个 Markdown 文件。
是的，仅此而已。
但这个 Markdown 文件里，定义的是：
- 使用什么工具
- 遵循什么规范
- 采用什么工作流
- 避免哪些反模式
- 在什么场景下被触发
也就是说：
Skill 不是“能力扩展”，而是“行为约束 + 最佳实践固化”。
为什么它比 MCP Server 轻？
一个关键设计非常重要：
Skills 是“按标题分段、逐步加载”的。
- 每个标题最多加载约 50 tokens
- 实际使用时，Claude / Agent 只会拉取当前相关段落
- 你可以安装 上百个 Skills，而不会撑爆上下文窗口
这也是为什么有人评价：
“Skills 可能会让 MCP 显得有点笨重。”
Simon Willison 曾预言这一点，现在看并非夸张。
三、skills.sh 的界面与使用方式
skills.sh 的 UI 极其克制：
- 一个排行榜
- 按安装量排序
- 点进去可以看到：
- Skill 描述
- 来源仓库
- 安装命令
没有复杂概念，没有营销文案。
安装方式（一行命令）
npx skills add vercel-labs/Agent-skills
复制、粘贴、回车。
Skill 会被安装到本地（如 ~/.agents/skills），AI 助手立刻可用。
四、Top 10 Skills 拆解：谁适合装？
从排行榜来看，Top 10 里：
- 7 个偏开发者
- 3 个是非开发者也能直接用的
开发者向（7 个）
| 排名 | Skill | 安装量 | 用途 |
|---|---|---|---|
| 1 | vercel-react-best-practices | 37,600+ | React / Next.js 性能与工程规范 |
| 2 | web-design-guidelines | 28,500+ | Web 设计规范校验 |
| 3 | remotion-best-practices | 18,800+ | 用代码做视频的最佳实践 |
| 5 | skill-creator | 3,700+ | 官方 Skill 编写指南 |
| 6 | building-native-ui | 2,700+ | Expo 原生 App 指南 |
| 8 | better-auth-best-practices | 2,300+ | 登录与认证系统设计 |
| 10 | upgrading-expo | 2,200+ | Expo 升级指南 |
这些基本都来自 Vercel / Anthropic / Expo 官方团队，质量稳定，属于“闭眼装”的级别。
五、⭐ 非开发者也能用的 3 个 Skill（强烈推荐）
1️⃣ frontend-design（Anthropic 官方）
目标只有一个：让 AI 设计看起来不像 AI。
它非常“反套路”，明确告诉 Claude：
- ❌ 不要用 Inter / Roboto / Arial
- ❌ 不要紫色渐变 + 白底
- ❌ 不要对称、无风险布局
同时要求：
- 有个性的字体
- 主次分明的配色
- 克制但精致的动效
本质上，这是在 强迫 AI 做设计决策，而不是走捷径。
2️⃣ agent-browser（浏览器自动化）
这是一个 工具型 Skill，而不是知识型。
装上之后，AI 可以：
- 打开网页、点击按钮
- 填表、登录、保存会话
- 批量截图
- 录制操作流程
典型使用场景：
- 运营：多平台数据收集
- 产品：竞品页面分析
- 测试：回归测试截图
这一步，已经明显跨出了“程序员专属”。
3️⃣ seo-audit（SEO 审计）
一个完整的 SEO 审计框架，包括：
- 是否可被搜索引擎抓取
- 性能与加载速度
- 标题 / 描述 / 关键词
- 内容质量与权威性
- 外链与可信度
输出结果是：
问题 → 影响 → 修复建议 → 优先级
不需要懂技术，直接问一句：
“帮我审计一下我们官网的 SEO。”
六、隐藏宝藏：23 个营销 Skills（强烈建议）
在安装过程中，一个仓库非常值得单独点名：
coreyhaines31/marketingskills
一次性 23 个营销相关 Skill：
- 文案
- 定价
- 发布策略
- SEO
- A/B 测试
- CRO
- 邮件营销
- 社交内容
安装命令：
npx skills add coreyhaines31/marketingskills --yes
如果你是：
- 产品经理
- 市场
- 运营
- 独立开发者
这个仓库的价值，甚至高于 Top 10。
七、中文用户友好：宝玉老师的 Skills
在 Top 100 里，可以看到熟悉的名字：
宝玉老师（@dotey）
仓库：jimliu/baoyu-skills
包括：
- 幻灯片生成
- 文章配图
- 封面图
- 小红书图片
- 微信 / X 发布
- 信息图
这些 高度贴合中文内容创作场景。
安装：
npx skills add jimliu/baoyu-skills --yes
如果你关注 AI + 内容创作，这是非常值得研究的一组 Skill。
八、官方标配：文档处理四件套
Anthropic 官方仓库里，有 4 个基础 Skill：
- docx
- pptx
- xlsx
所有人都能用。
让 Claude 处理文档，会顺手很多。
九、为什么你应该关注 skills.sh？
1️⃣ 社区已经帮你筛过一遍
排行榜不是拍脑袋的。
3 万+ 安装量 = 真正在用的人。
你不用再纠结：
“这个 Skill 到底靠不靠谱？”
2️⃣ 这是学习写 Skill 的最好方式
与其看文档，不如直接：
帮我解释 ~/.agents/skills/seo-audit/SKILL.md 的设计逻辑
你会学到：
- Skill 的触发方式
- 指令分层结构
- 约束与自由的平衡
- 可复用工作流的拆分方式
模仿，是最高效的学习路径。
十、几个实用建议
按角色选
- 开发者：vercel-react-best-practices、anthropics/skills
- 产品：seo-audit、marketingskills、agent-browser
- 设计师：frontend-design、web-design-guidelines
- 运营 / 市场：marketingskills（全装）
别贪多
- 日常 3～5 个高频 Skill 足够
- 装太多仍然会增加加载成本
注意来源
- ✅ 官方仓库优先
- ⚠️ 个人仓库要看作者背景
最后
skills.sh 的出现，让 Skills 真正“平民化”了。
- 不再是“我要不要自己写一个”
- 而是：“我先装一个试试”
而且，它已经明显超出了程序员圈子：
产品、运营、市场、内容创作者，都已经能直接受益。
建议你现在就做一件事：
打开 skills.sh
找一个和你工作最相关的 Skill
装上，用一次
用过之后，再谈判断。
文章评论