skills.sh Top 50 精选
按场景整理的 skills.sh 排名前 50 的实用 Skill，附带安装命令。
skills.sh 是 Vercel 推出的 Skill 市场，收录了上千个经过审核的 Skill。下面是从当前排名前 50 精选整理的分类速查表，按使用场景分组，方便你直接装。
代码与工程实践
安装：
npx skills add vercel-labs/agent-skills
npx skills add vercel-labs/next-skills --skill next-best-practices
npx skills add wshobson/agents --skill tailwind-design-system
npx skills add expo/skills --skill building-native-ui
npx skills add better-auth/skills
npx skills add supabase/agent-skills --skill supabase-postgres-best-practices
npx skills add coreyhaines31/marketingskills --skill schema-markup| Skill | 一句话介绍 |
|---|---|
| next-best-practices | Next.js 路由、数据获取和渲染最佳实践 |
| vercel-react-best-practices | React 性能优化——减少不必要渲染和包体积 |
| vercel-composition-patterns | 组件组合与 API 的可维护设计模式 |
| vercel-react-native-skills | React Native / Expo 开发，规避常见性能坑 |
| tailwind-design-system | 用 Tailwind 建设计系统，统一组件规范 |
| building-native-ui | 原生移动端 UI 组件与交互结构搭建 |
| better-auth-best-practices | Better Auth 认证流程和安全策略配置 |
| supabase-postgres-best-practices | Supabase/Postgres 索引与查询优化 |
| schema-markup | 为搜索引擎做结构化数据标记 |
UI/UX 设计
安装：
npx skills add remotion-dev/skills
npx skills add nextlevelbuilder/ui-ux-pro-max-skill
npx skills add anthropics/skills --skill frontend-design --skill canvas-design --skill algorithmic-art
npx skills add vercel-labs/agent-skills --skill web-design-guidelines| Skill | 一句话介绍 |
|---|---|
| frontend-design | 快速产出可上线的页面或组件 UI |
| web-design-guidelines | 对齐网页设计规范，避免"能用但不好看" |
| ui-ux-pro-max | 高级 UI/UX 方案——风格、布局和交互优化 |
| canvas-design | 生成海报/视觉稿的高质量静态设计 |
| algorithmic-art | 快速构建算法视觉和生成艺术作品 |
| remotion-best-practices | 用 Remotion 做视频——动画、素材和渲染规范 |
工作流与方法论
来自 obra/superpowers，专注开发流程和工程方法论。装这一个就包含全部 12 个 Skill：
npx skills add obra/superpowers| Skill | 一句话介绍 |
|---|---|
| brainstorming | 开始做功能前梳理目标、约束和可行方案 |
| systematic-debugging | 遇到 Bug 先定位根因，再动手修 |
| test-driven-development | 红-绿-重构循环，先写测试再写实现 |
| writing-plans | 多步骤任务先写执行计划，避免边做边乱 |
| executing-plans | 按计划推进执行，保持节奏与检查点 |
| verification-before-completion | 宣称"完成"前跑验证，避免误报 |
| requesting-code-review | 提测前组织高质量代码评审请求 |
| receiving-code-review | 收到 Review 意见后先判断再改 |
| subagent-driven-development | 复杂任务拆分子代理并行推进 |
| using-git-worktrees | 用 Worktree 隔离多分支并行开发 |
| using-superpowers | 开新对话先识别该用哪些流程型 Skill |
| writing-skills | 创建和编辑 Skill 时的质量检查流程 |
增长与营销
来自 coreyhaines31/marketingskills，覆盖文案、转化、定价、SEO 等。装这一个就包含全部 13 个 Skill：
npx skills add coreyhaines31/marketingskills| Skill | 一句话介绍 |
|---|---|
| copywriting | 写落地页、广告、转化文案 |
| copy-editing | 润色已有文案，提升清晰度和说服力 |
| social-content | 按平台特性生成易传播的社媒内容 |
| content-strategy | 规划内容主题、节奏和目标受众 |
| marketing-psychology | 用心理触发点优化文案转化 |
| marketing-ideas | 快速生成可执行的增长点子 |
| seo-audit | 检查 SEO 健康度，定位技术内容短板 |
| programmatic-seo | 批量生成高质量 SEO 页面 |
| analytics-tracking | 埋点方案设计与校验 |
| page-cro | 制定可验证的落地页转化率优化实验 |
| pricing-strategy | 评估价格锚点和套餐层级结构 |
| launch-strategy | 设计产品发布上线节奏与动作 |
| product-marketing-context | 补齐产品定位和场景上下文再写营销材料 |
文档与办公
npx skills add anthropics/skills --skill pdf --skill docx --skill pptx --skill xlsx| Skill | 一句话介绍 |
|---|---|
| 读取、合并、拆分、OCR PDF 文档 | |
| docx | 创建和编辑 Word 文档 |
| pptx | 创建和修改演示文稿 |
| xlsx | 处理 Excel/CSV/TSV 表格数据 |
浏览器自动化与测试
npx skills add vercel-labs/agent-browser
npx skills add browser-use/browser-use
npx skills add squirrelscan/skills
npx skills add anthropics/skills --skill webapp-testing| Skill | 一句话介绍 | 来源 |
|---|---|---|
| agent-browser | 用 AI 自动打开网站、点击、填表、抓取内容 | vercel-labs/agent-browser |
| browser-use | 通用网页自动化——执行浏览器级操作任务 | browser-use/browser-use |
| webapp-testing | 自动化测试网页功能和交互 | anthropics/skills |
| audit-website | 上线前做网站体检——性能、SEO、可用性 | squirrelscan/skills |
技能生态与工具链
npx skills add vercel-labs/skills --skill find-skills
npx skills add anthropics/skills --skill skill-creator --skill mcp-builder| Skill | 一句话介绍 |
|---|---|
| find-skills | 检索并推荐适合你需求的 Skill |
| skill-creator | 创建和发布符合最佳实践的 Skill |
| mcp-builder | 搭建连接外部 API/工具的 MCP 服务 |
下一步
按角色看更精选的推荐：
- 开发者 Skill 推荐 — 代码质量、UI 设计、工程实践
- 内容创作者 Skill 推荐 — 写作、润色、多平台发布
- 产品经理 Skill 推荐 — 需求分析、原型、文档
- 更多角色场景 — 学生、自由职业、创业