Codex热门 插件 / 技能喂饭教程

你是不是也遇到过这种情况：Codex 装好了，能写代码了，但你一说：帮我做个登录，它咔咔咔改了八个文件，还顺手重构了你没让它动的模块，越改越乱；或者你让它用最新 Next.js 写法，它给你整出一坨两年前的 API，你还得自己去翻文档对，越跑越远。

这时候你会开始搜Codex 必装插件、Codex skills 推荐、CodeX必备工具，你搜完更懵：有人喊 Plugin，有人喊 Skill，有人喊 MCP，清单动不动列二三十个，一半你听都没听过。

然后陷入迷茫这篇就干一件事：把中文圈和英文社区反复提到、口碑不错、即插即用的几个热门插件都拎出来，按「是啥 → 为啥装 → 怎么装」慢慢给大家讲。像那些冷门安全审计包、代码图谱等各种小众 MCP，我就不在本篇汇总帖里给大家写了，毕竟不是给大伙炫技的。

评价维度就三个，在总表里按打星得方式体现（满分 5）：上手难不难、对日常写码帮多大、要不要额外掏钱/搞 Key（星越多越省心越不费钱）。

我先把结论丢出来，后面懒得看细节也行：

1:第一次玩 Codex：先搞明白 /plugins 怎么打开；然后装 Superpowers 或 grill-me（Matt 那一套）二选一就行。如果你不明白自己的需求，也可以先问问它。

2:写前端 / 总被过期 API 坑：装 Context7，这个比再装五个所谓效率 skills有用。

3:经常要上网查现状、爬文档页：装Firecrawl，但要 Key/额度，别第一天就装。

4:做网页、对着 Figma 还原：去官方插件市场装 Build Web Apps / Figma，其他用得到再装。

5:想做短视频 / 动效片头 / 字幕包装：上 Remotion（插件或官方 skill），用代码剪视频，YouTube/Reddit 上这套最近特别火。

6:明确需求和用量：装完两周碰都没碰的，卸掉。清单不是成绩单，得有用才行。

打分总表

上手：星越少越好装。帮助：对口场景有多香。省心：越少折腾 Key、钱、配置星越多。

1. Plugin、Skill、MCP 到底啥区别

上网搜到的各种教程，大多可以分类为三种：

Plugin： 你可以理解成「安装包」。打开 Codex，CLI 里敲 /plugins，或者 App 左边栏点 Plugins，里面一排能装的东西。有的包里会塞 skill，有的会连外部 App，有的顺带把 MCP 工具注册进来。装完有时候用 @名字 点一下就能喊它。

Skill： 更碎一点：多半是一个文件夹，里头有个 SKILL.md，写着「碰到这类任务你按这个流程走」。装的方式常见是 npx skills add 某某仓库，或者 Codex 自带的 skill-installer。它平时不占事，任务对上了才加载，这点其实挺省上下文的。

MCP： 是「外挂工具通道」。查最新文档、爬网页、连你家公司内部 API，都靠它。配置一般写在 ~/.codex/config.toml，也有人用 codex mcp add ... 一行加进去。

概括起来说嘛，就是：想改 Codex 干活习惯，先看 Skill / Plugin；想让它连外面的真实服务，才是 MCP。

另外有人说「我在 Claude Code 里装了 Codex 插件」——那是 Claude 那边的扩展，不是你在 Codex 里装的那一挂，别混进购物车。

2. Superpowers——现在社区吹得最多的

如果你只打算先装一个通用大件，英文圈里反复被点名的就是 Superpowers（obra / Jesse Vincent 那套）。GitHub 星多、X上多篇文章推荐，Claude / Codex / Cursor 都能装，热度摆在那儿。

它不是塞给你一个小技巧，而是保持一整条软件开发的节奏：你一说要做功能，它先不写代码，先跟你把需求聊清楚；等设计方面你完全点头确认了，再拆成小任务；执行的时候还会有测试、检查、收尾。官方 README 自己都写了，核心就是别让 agent 一上来就乱敲键盘。

我自己的体感是：你要是经常被 Codex的自作主张搞崩心态（我自己就经常有），不管是让AI写文章、写软件、剪视频、写小说等等...那Superpowers 这种偏重流程的包，比再装十个奇怪 MCP 有用。反过来，你要是已经有很硬的团队规范、公司在项目管理这块比较牛、自己 AGENTS.md 写得跟宪法似的，那再套一层可能嫌啰嗦，那就更建议往下看，先试 grill-me 那种轻量的。

Codex 里怎么装（官方 README 写法）：

App：左边栏 Plugins → Coding 分区里找 Superpowers → 点 + 按提示走。

CLI：（终端版）

1、打开 Codex，输入 /plugins

2、搜索 superpowers

3、选 Install Plugin

装完不用背一堆斜杠命令，很多 skill 是任务对上了自己触发。你就正常说需求，看它是不是先问你，等确定了再再写。

仓库与说明：

https://github.com/obra/superpowers

3. grill-me（Matt Pocock 技能包）——轻量、好评炸裂的

和 Superpowers 绑死全流程不同，grill-me 就干一件事：写代码之前，先把你问到没脾气。

Matt Pocock 这套 skills 在 TypeScript / AI 写码圈热度非常高，Reddit 上有人说试完 grill-me 之后，规划方式直接变了：以前是模型丢一版计划你再吐槽，现在是一问一答把坑先填完再动手。同包里还有 handoff（会话快炸时打包交接）、tdd、diagnose、caveman（逼模型少废话）之类，但小白第一天我建议只装 grill-me，别全仓扫射。

它和 Superpowers 怎么选？可以这么想：你想要「全自动纪律框架」→ Superpowers；你只想要「开干前对齐一下」→ grill-me。两个都装容易叠戏，先选一个用两周再说。

怎么装：

终端里跑（社区和盘点文最常见的写法）：

npx skills add https://github.com/mattpocock/skills --skill grill-me

有的环境会让你再跑一步 setup，或重启一下 Codex / 新开会话，skill 列表里才能看见。装完你就可以直接用 grill-me开干了。

如果你后来觉得会话老是爆、要丢给另一个窗口接着干，那可以在命令里再加个handoff：

npx skills add https://github.com/mattpocock/skills --skill handoff

仓库：
https://github.com/mattpocock/skills

4. Context7——一统江山

不管什么模型，都有个通病： retraining 之前的世界在它脑子里特别清楚，但是如果遇到上周刚改的 API 它就敢跟你编。你让它写 Next、Prisma、某某 SDK，它有时候会一本正经给你过期写法，你还得自己去官网对。就很操蛋是不？

Context7 就是干这个的：把现行文档、按版本的说明塞进对话上下文。各家「Codex 插件推荐」里它出场率极高，原因很简单——谁都被过期 API 坑过。

形态上它多半是 MCP。装的时候你会在配置里加一个 MCP 服务（不同盘点写法略有出入，有的给 HTTP 地址，有的用 npx 包），装完在提示词里点名，比如：「按最新 Next.js 文档做中间件，用 context7。」

小白容易卡在「MCP 是啥」。你就把它当成：给 Codex 插了根网线到文档站。第一次配可能要五到十分钟，照着 Context7 官网或你用的客户端说明复制粘贴就行，别自己发明字段名。

免费档 / 额度以官网为准，写库频繁的人我还是建议你安装一下，就算花点钱也值得，因为让你避免AI乱扯从而省下来的时间，要比再装三个花里胡哨 skill 值。

官网：

https://context7.com/

5. Firecrawl——适合对搜索结果实时性要求比较高的

Codex 自己也会联网，但社区里吐槽不少：搜索结果偏旧、或者你以为它看了全文其实只啃了个摘要。Firecrawl 在 2026 的CodeX技能/插件盘点里几乎是常驻嘉宾，卖点是真去搜、真把页面收成干净 Markdown、还能爬整站，做调研、扒文档、看竞品页的时候爽。

但你要注意：它经常是通过 API Key链接的，有免费用量限制。厂商的介绍吹的不要不要的，但这个也还是看你需求。你要是一个月就在自家仓库里改业务代码，或者你的创作内容不经常需要查询网上最新情况，那可以不装。

安装的话，主要有两种方式，社区都有人用：

一条是 Codex 插件目录里搜 Firecrawl（有的环境已经上架），按提示授权。

另一条是 CLI 一键（盘点文常见写法，以官网当前文档为准）：

npx -y firecrawl-cli@latest init --all --browser

all 是往你机器上的多个 coding agent 塞 skill；--browser 会走浏览器登录拿 Key。Key 去 firecrawl.dev 控制台自己领。

官网与说明：

https://www.firecrawl.dev/

https://www.firecrawl.dev/blog/best-codex-skills

6. 官方插件市场：你至少要会打开 /plugins

很多人一上来就 npx 狂装社区包，结果官方货架都没点开过。OpenAI 现在推的是 Plugin 形态，示例仓在 openai/plugins。App 侧栏 Plugins，CLI 里 /plugins，目录一般会分官方 curated / 别人分享给你的 / 你自己建的之类。

如果你是小白，那建议你先打开市场，随便点开一两个官方插件看简介，有个大概了解，别和排队领鸡蛋一样。然后你得明确你的需求到底是什么。比如你要是主要做网站，再搜 Build Web Apps 这类官方向插件装上。最后就是装完要用之前，最好先 @插件名 ，确认真的挂上了，再继续干活。

很多时候，老的 openai/skills 仓库还在，但 README 已经写了 deprecated，所以安装前还是多看清楚为好哈。

官方仓库：

https://github.com/openai/plugins

7. Figma 插件——有设计稿的人用的多

前端圈里聊 Codex 扩展的时候，Figma 出镜率很高：设计稿还在 Figma 里，你就想让 agent 按组件、按设计系统吐代码。没设计稿、纯后端、纯脚本的人，装了也是占位。

装法还是老样子：/plugins 或 App 的 Plugins 里搜 Figma，按提示授权 Figma 账号。第一次会要你登录、给权限，这一步别在公共电脑瞎点。

你日常是「产品丢个 Figma 链接 → 你切页面」这种协作，这个插件就值得占一个坑；你平时就 VS Code 里裸写，可以跳过。

8. Remotion——想剪视频、做动效的人看这里

前面几节基本都在聊「写代码更稳」，这一节换条赛道：视频剪辑 / 动态图形。

2026 年中文圈和短视频上，跟 Codex 绑得最紧、出镜率最高的视频方案，基本都在喊 Remotion。一般的用法是用 React 写时间轴，渲染成真正的 mp4。不是打开剪映手动拖轨道那种，而是你用嘴（和 prompt）描述片头、字幕、转场的形式，然后Codex 帮你改组件、出成片。Riley Brown 之类的教程标题都写得很狠，之前很多人也有发整支视频 100% 用 Codex + Remotion 剪辑的教程。

它和剪映 / CapCut 的关系，你分得清就行：很多人是 Codex + Remotion 出 motion 素材，再丢进剪映做最终拼接；也有人整条片都在 Remotion 里闭环。你要是纯 prores 调色、多机位故事片，那还是老剪辑软件的事；你要是 AI 口播包装、产品发布短片、字幕卡、数据可视化动画，Remotion 这条链路最近确实香。

装法两条路：

路线 A：Codex 插件市场（小白优先试这个）

1、打开 Codex，App 侧栏 Plugins，或 CLI 输入 /plugins。

2、在 Design / 相关分区里搜 Remotion（有的界面会和 Hyperframes 并列，别点错）。

3、点安装，按提示走完。

4、新建或打开一个 Remotion 项目目录，直接说：「用 Remotion 做一个 15 秒产品介绍片头，黑底白字，最后带 logo。」

路线 B：官方 Remotion skill（写 React 视频代码时很有用）

社区和 remotion-dev 自己有 best-practices 一类 skill，skills.sh 上也有收录，常见装法是让 Codex 按官方 skill 安装，或：

npx skills add https://github.com/remotion-dev/skills --skill remotion-best-practices

（包名、skill 名以仓库当前 README 为准，变了就照官网抄。）

有几个细节还是要注意一下：

你的电脑要能跑 Node，第一次渲染会下依赖，网络不好会卡很久。

可以先弄个Hello World，能出一条 mp4，再堆花活，电影级调色也是需要熟练度的。

字幕、口播对齐有时还要配转写（Whisper 一类），那是下一步，先把 Remotion 本身跑通。

仓库和文档：

https://www.remotion.dev/

https://github.com/remotion-dev/remotion

https://github.com/remotion-dev/skills

9. 我的个人建议

如果你是小白，机器刚装好 Codex，可以按这个顺序来：

第一天安装上

1、登录 Codex，CLI 输入 /plugins 点点看，或者 App 打开 Plugins 面板。

2、装 Superpowers 或 grill-me，二选一。犹豫就 grill-me，更轻。

3、新开一个会话，随口丢个小需求，看它是不是先问你再写。问了，就说明流程类扩展活了。

你主要写 TS / 前端的话，可以再加

1、配 Context7（MCP）。直接照官网文档抄配置。

2、故意问一个你知道最近改过 API 的库，看它还敢不敢瞎编。

根据自己的真实痛点再加

1、每周都要上网扒文档 / 竞品 → Firecrawl。

2、有 Figma 设计稿 → Figma 插件。

3、要做短视频 / 动效片头 / 字幕包装 → Remotion。