Vibe Coding 雷达

Must-have Skill · Beginner-first

必装 Skill

这是给 AI Coding 新手看的必装 Skill 清单:先用通用底座给 AI 装上手和脚, 再按项目领域选择设计、文档、CLI、上线、数据库、模型和监控类工具。这里优先收录大家更容易听过、 装完能立刻改善工作流,并且能用 star 数、官方入口或社区热度佐证的 Skill / CLI。

每周五 12:00 更新 更新 Skill 更新趣味项目库清单

00 · Must Install

必装 Skill

这一组不是按项目分类,而是给 AI Coding 新手的“含金量底座”: 只放跨项目都高频的规划、复现、工程 Skill、安全扫描、浏览器验收、前端组件和真实工具调用能力。

01含金量最高

Superpowers

把软件开发方法论、工作流和 agentic skills 打成一套增强包,适合先给 AI 装上“做事方法”。

  • 公开信号:GitHub 260.2k stars / 本周仍活跃
  • 为什么必装:它提升的是规划、执行、复盘这类长期能力
来源链接
02官方生态

Anthropic Skills

Claude Skill 的官方公开仓库,适合理解 Skill 的标准写法、触发方式和跨工具复用思路。

  • 公开信号:GitHub 163.8k stars / 本周仍活跃
  • 为什么必装:新手先看官方范式,比乱装小众包更稳
来源链接
03Codex 底座

OpenAI Skills Catalog

Codex 用户最该先看的官方技能目录,用来理解怎么安装、触发和组合 Skill。

  • 公开信号:GitHub 24.1k stars / Codex 官方目录
  • 为什么必装:它是把 Codex 从聊天变成执行器的入口
来源链接
04工程增强

Addy Osmani Agent Skills

一套生产级工程 Skill,覆盖代码理解、实现、测试、重构和上线检查,适合直接提升 AI Coding 质量。

  • 公开信号:GitHub 80.1k stars / 本周仍活跃
  • 为什么必装:它把常见工程流程拆成 AI 能稳定执行的 Skill
来源链接
05安全必看

NVIDIA SkillSpector

安装第三方 Skill 前先做安全扫描,检查恶意命令、可疑网络请求和危险权限。

  • 公开信号:GitHub 13.6k stars / 本周仍活跃
  • 为什么必装:Skill 越多越需要知道哪些能放心用、哪些要先停一下
来源链接
06上线必备

Vercel Agent Skills

网页项目做完后最需要预览、部署、检查和上线,Vercel 这一套非常适合新手拿结果。

  • 公开信号:GitHub 29.4k stars / 本周仍活跃
  • 为什么必装:让作品从本地 demo 变成别人能打开的链接
来源链接
07复现源码

GitHub CLI

让 AI 能更顺地 clone、查 issue、看 release、开 PR 和管理项目来源,是复现开源项目的基本手脚。

  • 公开信号:GitHub 官方 CLI / 开发者高频工具
  • 为什么必装:几乎所有榜单项目都要先读仓库、跑示例
来源链接
08网页手脚

OpenCLI

把网站、平台和登录态浏览器变成 AI 能调用的 CLI,适合做资料抓取、网页操作和中文工作流。

  • 公开信号:GitHub 27.1k stars / 本周仍活跃
  • 为什么必装:它补的是 AI 真实操作网页和平台的能力
来源链接
09真机验收

Playwright Skill

让 AI 真的打开浏览器测试按钮、输入框、响应式和流程,不再只靠“看起来能跑”。

  • 公开信号:GitHub 2.9k stars / 浏览器自动化 Skill
  • 为什么必装:它能显著减少上线前的假可用 demo
来源链接
10Web 组件

shadcn/ui Skill

做 Web Coding 时最常遇到按钮、表单、弹窗和数据表格,它能让 AI 更稳定地装组件、接样式。

  • 公开信号:shadcn/ui 119.7k stars / 本周仍活跃
  • 为什么必装:它直接提升新手网页项目的完成度
来源链接

01 · Rising Skills

本周新星 Skill 项目

这是 Skill 页的“明星项目”栏:从 Agent Skills、Claude / Codex Skill、MCP 和能直接复现的工具型仓库里, 按近 7 天新增 stargazers、官方/社区口碑和新手可用性综合排序。新星代表“值得关注”,不代表人人都要安装。 数据截至 2026-07-24 12:00(北京时间)。

#01 本周新建 +1,705

OpenWorker

开源桌面 AI 同事,直接交付文档、日程和协作回复等完成品。

1.7k stars 本周新建 桌面 Agent
看 GitHub
#02 本周新建 +841

thinking-orbs

给 AI 应用补上六种思考状态动画,一行安装就能看到视觉反馈。

841 stars AI 动效组件
看 GitHub
#03 本周新建 +822

nativ

在 Mac 本地聊天、运行和监控 MLX 模型,适合第一次尝试本地 AI。

822 stars 本地 AI
看 GitHub
#04 本周新建 +689

goutoujunshi

中文 Codex 关系分析 Skill,把信息梳理、风险提醒和行动建议串起来。

689 stars 中文 Codex Skill
看 GitHub
#05 本周新建 +667

Pireel

无需后端的开源 AI 口播视频编辑器,在浏览器里完成字幕、版式和导出。

667 stars 视频编辑
看 GitHub
#06 本周新建 +575

story-to-handdrawn-video

把中文故事或图片序列变成手绘日记动画,适合快速做出无声短片。

575 stars 视频 Skill
看 GitHub
#07 本周新建 +759

yoinks

干净的终端视频下载工具,适合练习 CLI、格式选择和进度反馈。

759 stars CLI 工具
看 GitHub
#08 本周新建 +660

scroll-world-video

滚动页面时穿越一个汉堡世界的视觉 demo,适合拆成单页动效练习。

660 stars 滚动动效
看 GitHub
#09 本周新建 +509

img2threejs

把参考图重建成可动画的 Three.js 模型,兼顾视觉效果和自动质量检查。

509 stars 图像转 3D
看 GitHub
#10 本周新建 +451

bolt-slides

让 coding agent 生成可交互演示文稿,适合把短提纲直接变成网页幻灯片。

451 stars 演示文稿
看 GitHub

How to Read

这是“先用起来”的榜

这个榜不追求最专业,而是帮新手先挑“听过、可信、能马上复现”的 Skill。 先看通用底座,再按自己的项目领域选配;设计、文档、数据库、模型、监控和安全类工具, 都只在对应场景里推荐。像飞书 CLI、OpenCLI、微信 wx-cli 这种工具,只要能让 AI 代理稳定完成真实工作流,也一起算进来。 每张卡片都会标出 star 数、官方入口、社区热度或适用场景这类公开可验证的支撑信号。

03 · Start Here

新手先用

这些最适合作为“第一批 Skill”:听过、好解释,适合先建立 Skill 使用习惯。

01最高优先

Claude Skills

最容易向新手解释的 Skill 入口:让 Claude 在文档、设计、协作工具里按固定方法做事。

  • 马上能用:文档、表格、PPT、Figma、Notion、Canva
  • 为什么排前:品牌熟悉,官方说明清楚,用户心智强
来源链接
02Codex 官方

OpenAI Skills Catalog

Codex 用户最该先看的官方目录,适合理解 Skill 怎么安装、怎么触发、怎么复用。

  • 马上能用:技能安装、文档、部署、GitHub、前端辅助
  • 为什么排前:和 Codex 用户关系最近,可信度最高
来源链接
03找技能

find-skills

当用户不知道该装什么 Skill 时,先让代理帮你找,这是最符合新手真实问题的入口。

  • 马上能用:问“有没有做 X 的 Skill”
  • 为什么排前:它解决的是 Skill 生态最大的问题:不知道从哪找
来源链接
04上线必备

Vercel Deploy Skills

新手做完网页后最想要的就是公开链接。Vercel 相关 Skill 能把“本地作品”推到线上。

  • 马上能用:部署、预览、生产链接、项目检查
  • 为什么排前:做完立刻能发给别人看,成就感强
来源链接

04 · Creative Build

做页面和素材

这组只推荐给页面、设计稿、海报、PPT、素材和视觉展示类项目。

05UI 爆款

shadcn/ui Skill

新手做 Web App 最容易用到的 UI Skill。它能让代理按项目配置正确添加组件。

  • 马上能用:按钮、表单、弹窗、导航、仪表盘组件
  • 为什么排前:shadcn 在 AI Web Coding 圈子里辨识度极高
来源链接
06设计稿

Figma Skills

适合把设计稿、组件、变量和页面结构交给 AI 理解,减少“截图转代码”的瞎猜。

  • 马上能用:从 Figma 到 React 页面、设计系统同步
  • 为什么排前:Figma 是最容易被设计/产品同学理解的入口
来源链接
07视觉素材

Canva Skills

适合做海报、长图、分享图、PPT 视觉包装。对非工程新手尤其友好。

  • 马上能用:宣传图、封面、社媒图、演示稿
  • 为什么排前:Canva 大家耳熟,成果也容易被看见
来源链接
08社区爆款

归藏 PPT Skill

把横向翻页网页 PPT、杂志风页面和发布会式演示变成可复用 Skill,适合新手马上做出视觉成果。

  • 马上能用:分享稿、发布页、网页 PPT、长图风内容
  • 为什么排前:有社区传播度,且成果非常容易展示
来源链接
09页面质检

Vercel Web Design Guidelines

新手最容易做出“能跑但不好用”的页面,这个 Skill 负责检查可访问性、焦点态和移动端。

  • 马上能用:发布前 UI/UX 检查
  • 为什么排前:能直接提升公开作品的完成度
来源链接

05 · Daily Workflow

日常工作流

这组适合资料整理、团队协作、办公自动化和知识库项目,不是工程项目的默认必装。

10知识库

Notion Skills

把需求、资料、任务、项目管理和知识库交给 AI 处理,新手不用反复复制粘贴上下文。

  • 马上能用:整理项目、提炼需求、生成行动项
  • 为什么排前:Notion 是大众生产力工具,理解成本低
来源链接
11Office

Document Skills

Word、Excel、PowerPoint、PDF 这类 Skill 对新手非常直接:把资料变成文档、表格和汇报。

  • 马上能用:整理 PDF、生成 PPT、处理表格
  • 为什么排前:人人都懂 Office 结果,不需要解释技术栈
来源链接
12项目协作

Atlassian / Jira Skills

把需求、任务、缺陷和进度接入 AI,适合已经在团队工具里工作的用户。

  • 马上能用:拆任务、写验收标准、整理 issue
  • 为什么排前:对团队用户很熟悉,比冷门工具更容易传播
来源链接
13自动化

Zapier Skills

把常见 SaaS 串起来,新手不用先学 API,也能理解“让 AI 帮我自动处理流程”。

  • 马上能用:表单、邮件、CRM、通知、自动同步
  • 为什么排前:Zapier 心智强,适合非工程用户
来源链接

06 · Local CLI Workflows

CLI 工作流

这类不一定是传统意义上的 Skill,但适合需要真实平台、网页、仓库或本地资料操作的项目。

14中文办公

飞书 / Lark CLI

飞书 CLI 能覆盖消息、文档、多维表格、日历、会议纪要、任务等,对中文团队特别实用。

  • 马上能用:会议纪要、飞书文档、多维表格、日程和任务
  • 为什么进榜:本身支持 Agent Skills,中文用户收益很高
来源链接
15代码协作

GitHub CLI

GitHub CLI 是 PR、issue、release、repo 自动化的基础工具,适合和代码 review Skill 配合。

  • 马上能用:创建 PR、查 issue、看 CI、整理 release
  • 为什么进榜:GitHub 是 AI Coding 新手迟早会遇到的协作入口
来源链接
16网页自动化

OpenCLI

OpenCLI 把网站、桌面应用和公开 API 变成命令行入口,适合让 AI 代理稳定搜索、读取和操作。

  • 马上能用:网站搜索、网页读取、垂直平台查询
  • 为什么进榜:它把“打开网页乱点”变成可复用工具调用
来源链接
17私域资料

微信 wx-cli

wx-cli 适合把本地微信会话变成可搜索、可导出的资料源,但要特别注意隐私和授权边界。

  • 马上能用:聊天搜索、会话摘要、商务待办、内容选题
  • 为什么进榜:中文用户真实高频,但必须谨慎处理隐私
来源链接

07 · App Builders

做应用上线

这组按 Web 产品常见卡点来选:页面验收、数据库、模型 demo 和上线后稳定性,需要时再装。

18真机检查

Playwright Skill

让 AI 真打开浏览器测试页面,而不是只在代码里猜。适合按钮、表单、移动端、canvas 项目。

  • 马上能用:截图、点击、表单、移动端检查
  • 为什么排前:能马上发现“页面其实没跑起来”
来源链接
19数据库

Supabase Agent Skills

新手做登录、数据库、权限、实时数据时很容易卡住,Supabase Skill 能把规范补上。

  • 马上能用:数据库表、RLS、认证、后端数据
  • 为什么排前:Supabase 是 Vibe Coding 里很常见的后端选择
来源链接
20AI Demo

Hugging Face Skills

适合把模型、数据集、Gradio/Spaces demo 接到 AI Coding 流程里。

  • 马上能用:模型试用、AI demo、Spaces 展示
  • 为什么排前:AI 项目新手很容易听过 Hugging Face
来源链接
21错误监控

Sentry Agent Skills

上线后出错怎么办?Sentry 相关 Skill 适合定位错误、修复 issue 和维护 SDK 接入,不是项目起步时的默认项。

  • 适合场景:公开项目、多人使用、线上报错、SDK 接入
  • 为什么进榜:发布后稳定性会变成真实问题
来源链接

08 · Advanced Later

进阶再看

这些都很强,但更适合用户已经有明确技术栈或安全需求之后再装。

22进阶云

Cloudflare Skills

Workers、Pages、KV、R2、D1 都很强,但对纯新手来说解释成本比 Vercel 高。

  • 适合:边缘函数、轻后端、自托管替代
  • 放后原因:需要理解 Cloudflare 产品体系
来源链接
23安全审计

Trail of Bits Skills

专业安全 Skill 非常有价值,但新手第一眼不一定能感到“马上好用”。

  • 适合:开源发布、安全敏感项目、合约审计
  • 放后原因:专业度高,适合发布前或团队项目
来源链接
24模型服务

Together AI Skills

适合开源模型推理和模型 API 项目,但不如 Claude / OpenAI / Hugging Face 容易被新手理解,先放观察位。

  • 适合:LLM API、开源模型、推理实验
  • 放后原因:官方仓库较新,用户也需要先知道自己要用什么模型
来源链接
25特定栈

Qt Agent Skills

Qt 官方研发团队的 Skill,适合桌面应用和嵌入式 UI,但不是大众新手优先项。

  • 适合:QML、桌面应用、嵌入式界面
  • 放后原因:垂直技术栈,受众明确但不大众
来源链接

09 · Discovery Hubs

再去这些目录继续找

目录不直接进主榜,因为质量参差不齐;适合当“继续探索”的入口。