Codex 插件与技能选择指南

✍ 猫老板🕐 2026-07-20📦 17.7 KB 🟢 已读 𝕏 文章列表

文章针对 Codex 代码助手，汇总了社区热门的插件和技能。详细介绍了 Plugin、Skill 和 MCP 的区别，评测了 Superpowers、grill-me、Context7、Firecrawl 等工具的上手难度与实用性，并根据不同开发需求提供了具体的安装建议。

Codex 插件技能 MCP 开发工具代码辅助测评 Superpowers Context7 Remotion

# Codex 插件 / 技能怎么选：热门实测汇总 **作者**: 猫老板 **日期**: 2026-07-19T12:16:19.000Z **来源**: [https://x.com/PardoCat0406/status/2078816201929863225](https://x.com/PardoCat0406/status/2078816201929863225) --- ![Image](/doc/3184/image/img_c1f2cdd06de8.jpg) 你是不是也遇到过这种情况：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. 明确需求和用量：装完两周碰都没碰的，卸掉。清单不是成绩单，得有用才行。 ## 0、打分总表 ![Image](/doc/3184/image/img_687b6909a4e1.jpg) 上手：星越少越好装。帮助：对口场景有多香。省心：越少折腾 Key、钱、配置星越多。 ## 1. 装之前先花两分钟：Plugin、Skill、MCP 到底啥区别 ![Image](/doc/3184/image/img_33972f069da5.jpg) 你在X上搜到的各种教程，大多可以分类为三种： 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——现在社区吹得最凶的那一套 ![Image](/doc/3184/image/img_11718f9b4622.jpg) 如果你只打算先装一个通用大件，英文圈里反复被点名的就是 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 技能包）——轻量、好评炸裂的「先问再写」 ![Image](/doc/3184/image/img_2e854d4b4658.jpg) 和 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——一统江山 ![Image](/doc/3184/image/img_bed6e08e2d79.jpg) 不管什么模型，都有个通病： 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——适合对搜索结果实时性要求比较高的 ![Image](/doc/3184/image/img_b1e873c2756f.jpg) 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 ![Image](/doc/3184/image/img_eb494bdb6de6.jpg) 很多人一上来就 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——想剪视频、做动效的人看这里 ![Image](/doc/3184/image/img_316f256c7f69.jpg) 前面几节基本都在聊「写代码更稳」，这一节换条赛道：视频剪辑 / 动态图形。 2026 年中文圈和 YouTube 上，跟 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 为准，变了就照官网抄。）装完可以在对话里点名：Use $remotion 然后嘎嘎用就行。有几个细节还是要注意一下： - 你的电脑要能跑 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。其实总的来说，扩展这事跟我之前写的海外手机卡的使用方法有点像：难的不是有多少种类的可以选，难得是你知道自己主要需求是保号、美区，还是接码。Codex 这边就是：你缺的是纪律、文档、外网，还是视频包装。你明确了需求，那就好找。实在不行就左脚踩右脚，直接问Codex嘛。最后，免责声明一下：命令和入口变化比较快，以你本机 Codex 帮助页和官方 README 为准。 ## 参考文献 1. https://github.com/obra/superpowers — Superpowers 官方仓库与 Codex 安装说明 2. https://github.com/mattpocock/skills — grill-me 等技能包 3. https://context7.com/ — Context7 4. https://www.firecrawl.dev/ — Firecrawl 5. https://www.firecrawl.dev/blog/best-codex-skills — 技能向热门盘点 6. https://www.firecrawl.dev/blog/best-codex-plugins — 插件向盘点 7. https://composio.dev/content/best-codex-plugins — 社区向盘点 8. https://github.com/openai/plugins — 官方插件示例仓 9. https://github.com/openai/skills — 旧 skills 仓（已 deprecated，仅对照） 10. https://github.com/openai/codex — Codex 本体 11. https://www.remotion.dev/ — Remotion 官网 12. https://github.com/remotion-dev/remotion — Remotion 源码仓 13. https://github.com/remotion-dev/skills — Remotion 官方 skill （想要一个甜甜的关注可以嘛） ## 相关链接 - [猫老板](https://x.com/PardoCat0406) - [@PardoCat0406](https://x.com/PardoCat0406) - [9.4K](https://x.com/PardoCat0406/status/2078816201929863225/analytics) - [https://github.com/obra/superpowers](https://github.com/obra/superpowers) - [https://github.com/mattpocock/skills](https://github.com/mattpocock/skills) - [https://context7.com/](https://context7.com/) - [firecrawl.dev](https://firecrawl.dev/) - [https://www.firecrawl.dev/](https://www.firecrawl.dev/) - [https://www.firecrawl.dev/blog/best-codex-skills](https://www.firecrawl.dev/blog/best-codex-skills) - [https://github.com/openai/plugins](https://github.com/openai/plugins) - [skills.sh](https://skills.sh/) - [$remotion](https://x.com/search?q=%24remotion&src=cashtag_click) - [https://www.remotion.dev/](https://www.remotion.dev/) - [https://github.com/remotion-dev/remotion](https://github.com/remotion-dev/remotion) - [https://github.com/remotion-dev/skills](https://github.com/remotion-dev/skills) - [https://github.com/obra/superpowers](https://github.com/obra/superpowers) - [https://github.com/mattpocock/skills](https://github.com/mattpocock/skills) - [https://context7.com/](https://context7.com/) - [https://www.firecrawl.dev/](https://www.firecrawl.dev/) - [https://www.firecrawl.dev/blog/best-codex-skills](https://www.firecrawl.dev/blog/best-codex-skills) - [https://www.firecrawl.dev/blog/best-codex-plugins](https://www.firecrawl.dev/blog/best-codex-plugins) - [https://composio.dev/content/best-codex-plugins](https://composio.dev/content/best-codex-plugins) - [https://github.com/openai/plugins](https://github.com/openai/plugins) - [https://github.com/openai/skills](https://github.com/openai/skills) - [https://github.com/openai/codex](https://github.com/openai/codex) - [https://www.remotion.dev/](https://www.remotion.dev/) - [https://github.com/remotion-dev/remotion](https://github.com/remotion-dev/remotion) - [https://github.com/remotion-dev/skills](https://github.com/remotion-dev/skills) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [8:16 PM · Jul 19, 2026](https://x.com/PardoCat0406/status/2078816201929863225) - [9,452 Views](https://x.com/PardoCat0406/status/2078816201929863225/analytics) --- *导出时间: 2026/7/20 10:04:51*

🔗 相关文档