10个插件，让你的Codex 直接起飞

Codex 最值得安装的 10 个插件

视频拆解与复刻教程

10 个插件，覆盖浏览器、设计、文档、数据、视频五条线——把 Codex 从「写代码工具」变成「能调用工具完成任务的 AI 员工」

来源：小红书视频「10个插件，让你的Codex 直接起飞」· 作者 @向量AI（小红书号「向量」）· 视频 3 分 10 秒 · 拆解与核验日期 2026-09-27

来源与证据说明

原视频：小红书视频「10个插件，让你的Codex 直接起飞」，作者为账号「向量AI」（结尾整屏按钮显示「关注向量AI，我们下期见」；小红书页面作者字段显示为「向量」；粉丝数与小红书号因平台反爬未能明确读取）。视频规格 1280×720、29.98 fps、时长 3 分 10 秒（190.38 秒）。本文由「视频拆解与复刻图文教程」流程产出：抽取原视频关键帧、逐帧还原 10 个插件的名称与卡片原文，并核验 Codex 官方插件市场所涉工具的官方资料；配图均为原视频整帧画面，未做裁切或遮挡。

原视频链接（小红书）：xiaohongshu.com（笔记 6a3e63650000000007027e34）

证据与复刻声明：本文严格区分四层证据——来源画面事实（视频画面、字幕与卡片文字可直接观察到的内容）、创作者披露（作者在视频中明确讲解与主张的内容）、官方资料（撰稿时在官方页面核验到的能力、安装路径与说明）、复刻方案（为让读者真正装上并用起来而设计的步骤）。需要特别说明：本条视频全程为「动效卡片 + 城市延时背景」的图文动效，画面中并未出现任何真实产品界面、安装步骤、按钮操作或提示词文本——它是一条「清单盘点 / 工具推荐」内容，而不是「手把手操作」教程。因此本文第五节「安装与使用」来自 Codex 官方资料（核验日期 2026-09-27），而非视频演示。本文的复刻方案不等于创作者的完整原始流程，也不代表博主一定用过其中每一个插件；第六节的「按角色选插件」与第五节的安装步骤均为本文设计方案。凡作者未在视频中说明的内容，一律标注为推断或我们的方案，不作虚构。

一、结论：一条「清单盘点」视频，可学但不可照抄操作

一句话结论：这不是一条教你怎么点按钮装插件的实操教程，而是一条「把 Codex 生态里最值得装的 10 个插件列成清单、讲清各自解决什么问题」的推荐类内容。它的价值在于帮你「知道该装哪几个」；至于「怎么装、怎么用」，需要照着官方路径补齐（见第五节）。

· 核心观点（创作者披露，原话）：作者开场即点明「很多人以为 Codex 只是个写代码工具」「但当你装上这些插件后」「它更像一个能够调用工具完成任务」的助手——即 Codex 的价值不在模型本身，而在「你把它接入了哪些工具」。

· 清单结构（来源画面事实）：10 个插件按五条线归拢——操作（Chrome、Computer Use）、开发（GitHub、Figma、Build Web Apps）、办公交付（Documents、Presentations、Spreadsheets）、内容生产（HyperFrames、Remotion）。结尾原话点题：「10 个插件，覆盖浏览器、设计、文档、数据、视频」。

· 本文的可复刻度判断：清单本身「高」（装插件是标准操作，官方有三步路径）；但「装完就能达到视频描述的效果」为「中」——实际效果取决于你的账号权限、所连外部服务的授权，以及你给的指令质量。详见第七节。

· 重要背景（官方资料 + 网络核查，核验日期 2026-09-27）：这份「10 个插件」清单在中文网络上已广泛流传（多个站点可检索到名称与描述高度一致的同名清单），本视频是其「动效表达版」而非首发原创。本文如实标注这一情况，不把清单归于任一单一来源。

图 1：视频开场标题「Codex 最值得安装的 10 个插件」，下方一次性铺出 10 个插件缩略图；字幕「最近整理了一份」。来源：原视频画面

二、这条视频在做什么：用 10 张卡片讲清一份「装机清单」

来源画面事实：整条视频由一个固定的画面模板循环构成——左侧一张深色卡片（含编号「XX/10」、插件图标、英文名称、两行中文说明），右侧是伦敦街景延时摄影，底部是逐句高亮的字幕。每讲一个插件，卡片换一次、字幕念几句，卡片内容与视频文字完全一致。全程没有出现任何软件界面截图、没有安装演示、没有提示词。

来源画面事实：作者在开场用三句字幕完成「重新定义 Codex」——「很多人以为 Codex 只是个写代码工具」「但当你装上这些插件后」「它更像一个能够调用工具完成任务」。这三句话就是整条视频的论点。

图 2：完整 10 项总览（Chrome、GitHub、Computer Use、Build Web Apps、Figma、Documents、Presentations、Spreadsheets、HyperFrames、Remotion）；字幕「但当你装上这些插件后」。来源：原视频画面

图 3：论点点题——字幕「它更像一个能够调用工具完成任务」。来源：原视频画面

三、10 个插件逐个拆解（按视频原顺序）

以下每一项分三部分：① 卡片原文（来源画面事实，按画面逐字整理）；② 旁白字幕（来源画面事实）；③ 说明与官方核验（官方资料 / 复刻方案，明确区分）。

3.1 01/10 Chrome——让 Codex 直接控制浏览器

卡片说明原文（视频画面，逐字）

让 Codex 直接控制浏览器。打开网页、搜索信息、填写表单、测试网站、检查页面效果都能完成。

对于运营、产品、测试来说，是使用频率最高的插件之一。

旁白字幕（来源画面事实）：「搜索信息填写表单测试网站」「对于运营产品测试来说」「是使用频率最高的插件之一」。

核验说明（官方资料，核验日期 2026-09-27）：Codex 的浏览器能力以「Chrome 扩展」形式提供，其特点是操作你自己已登录的 Chrome 实例、保留已登录会话，便于在需要登录的业务系统里跑流程。该能力被中文资料列为 Codex 官方核心能力之一。

图 4：01/10 Chrome 卡片——「让 Codex 直接控制浏览器……对于运营、产品、测试来说，是使用频率最高的插件之一」。来源：原视频画面

图 5：Chrome 的旁白补充——「对于运营产品测试来说」。来源：原视频画面

3.2 02/10 GitHub——在仓库里干活

卡片说明原文（视频画面，逐字）

程序员必装插件。支持查看代码仓库、提交 PR、处理 Issue、Review 代码。

如果你平时就在 GitHub 工作，这个插件基本属于标配。

旁白字幕（来源画面事实）：「支持查看代码仓库」「提交PR处理issue review代码」「如果你平时就在GitHub工作」「就算你不是程序员用codex的话也能搜索skills」。

核验说明（官方资料，核验日期 2026-09-27）：GitHub 是 Codex 官方插件之一，官方描述为「Triage PRs, issues, CI, and publish flows」。旁白提到的「非程序员也能搜索 skills」，指的是插件市场里的技能（Skills）本身可被检索和安装。

图 6：02/10 GitHub 卡片——「程序员必装插件。支持查看代码仓库、提交 PR、处理 Issue、Review 代码」。来源：原视频画面

图 7：GitHub 的旁白补充——「就算你不是程序员用codex的话也能搜索skills」。来源：原视频画面

3.3 03/10 Computer Use——给 AI 装上「双手」

卡片说明原文（视频画面，逐字）

很多人低估了它。它能让 Codex 直接操作电脑上的软件和窗口。

打开应用、切换页面、执行任务，相当于让 AI 真正拥有了「双手」。

旁白字幕（来源画面事实）：「computer use很多人低估了它」「直接操作电脑上的软件和窗口」「打开应用切换页面执行任务」「相当于让AI真正拥有了双手」。

核验说明（官方资料，核验日期 2026-09-27）：Computer Use 属于被标注为「桌面限定」的能力，必须在 Codex 桌面应用内安装与使用，手机端不可用；其权限较高（可操作本机软件与窗口），官方资料提示这类插件「像人一样看屏幕、点按钮」，使用时需自行评估授权范围。

图 8：03/10 Computer Use 卡片——「很多人低估了它。它能让 Codex 直接操作电脑上的软件和窗口」。来源：原视频画面

图 9：Computer Use 的旁白补充——「相当于让AI真正拥有了双手」。来源：原视频画面

3.4 04/10 Build Web Apps——一句话生成网页应用

卡片说明原文（视频画面，逐字）

一句话生成网页应用。Landing Page、管理后台、内部工具、SaaS MVP 都能快速搭建。

特别适合没有开发经验的人快速验证想法。

旁白字幕（来源画面事实）：「build Web APPS一句话生成网页应用」「LANDING page管理后台内部工具」「SHMVP都能快速搭建」「特别适合没有开发经验的人」。注：字幕「SHMVP」为「SaaS MVP」的连读/识别写法，卡片原文写作「SaaS MVP」。

核验说明（本轮核验情况）：Build Web Apps 在中文资料中被列为 Codex 前端生成类能力；本次核验未能直接在官方插件页取得同名条目（官方页需登录且本次访问受限）。因此该项标注为「中文资料披露、官方页未在本次核验中确认」，供你按当日客户端实际条目为准。

图 10：04/10 Build Web Apps 卡片——「一句话生成网页应用。Landing Page、管理后台、内部工具、SaaS MVP 都能快速搭建」。来源：原视频画面

图 11：Build Web Apps 的旁白补充——「特别适合没有开发经验的人」。来源：原视频画面

3.5 05/10 Figma——设计稿直接变代码

卡片说明原文（视频画面，逐字）

设计师最值得关注的插件。Codex 可以直接理解 Figma 设计稿，并生成对应代码。

大幅减少设计到开发的沟通成本。

旁白字幕（来源画面事实）：「Figma设计师最值得关注的插件」「大幅减少设计到开发的沟通成本」。

核验说明（官方资料，核验日期 2026-09-27）：Figma 是 Codex 官方插件之一，官方描述为「Design-to-code workflows powered by the Figma integration」；首次安装需要授予 Figma 文件访问权限。视频所说「直接理解设计稿并生成代码」与官方定位一致。

图 12：05/10 Figma 卡片——「设计师最值得关注的插件。Codex 可以直接理解 Figma 设计稿，并生成对应代码」。来源：原视频画面

图 13：Figma 的旁白补充——「大幅减少设计到开发的沟通成本」。来源：原视频画面

3.6 06/10 Documents——文档交付

卡片说明原文（视频画面，逐字）

文档交付神器。PRD、方案书、会议纪要、项目总结、周报月报都能快速生成。

对于产品经理、运营和市场人员特别实用。

旁白字幕（来源画面事实）：「PRD方案书会议纪要项目总结」「周报月报都能快速生成」「运营和销售人员特别实用」。

核验说明：Documents 在中文资料中被列为 Codex 官方目录中的办公类插件，用于生成正式文档（方案书、报告、说明文档等）。你安装的 WorkBuddy 生态里也有同类「tencent-docx」能力，命名与定位相似，但不是同一产品，勿混用。

图 14：06/10 Documents 卡片——「文档交付神器。PRD、方案书、会议纪要、项目总结、周报月报都能快速生成」。来源：原视频画面

图 15：Documents 的旁白补充——「运营和销售人员特别实用」。来源：原视频画面

3.7 07/10 Presentations——输入主题出 PPT

卡片说明原文（视频画面，逐字）

AI 自动生成 PPT。输入主题即可生成完整演示文稿。从内容组织到页面排版一次完成。

适合汇报、提案、培训和路演场景。

旁白字幕（来源画面事实）：「presentations用来自动生成PPT」「输入主题即可生成完整演示文稿」「从内容组织到页面排版一次完成」「适合汇报提案培训和路演场景」。

核验说明：Presentations 在中文资料中被列为 Codex 官方目录中的办公类插件，可据大纲、文档或 Markdown 生成可编辑 PPT。与视频描述一致；官方页具体条目名称建议以你当日客户端为准。

图 16：07/10 Presentations 卡片——「AI 自动生成 PPT。输入主题即可生成完整演示文稿」。来源：原视频画面

图 17：Presentations 的旁白补充——「从内容组织到页面排版一次完成」。来源：原视频画面

3.8 08/10 Spreadsheets——不只是表格，更像数据分析师

卡片说明原文（视频画面，逐字）

我个人很喜欢的一个插件。它不只是做表格，更像一个 AI 数据分析师。

自动分析数据、生成图表、输出报表，甚至直接给出分析结论。

旁白字幕（来源画面事实）：「spreadsheets我个人很喜欢的一个插件」「它不只是做表格」「自动分析数据」「甚至直接给出分析结论」。

核验说明（官方资料，核验日期 2026-09-27）：Spreadsheets 被中文资料列为 Codex 官方核心插件之一，能力覆盖数据清洗、公式编写、统计分析、图表与报表生成。视频特别强调它是作者「个人很喜欢」的插件——这是创作者的主观偏好，非官方评价。

图 18：08/10 Spreadsheets 卡片——「我个人很喜欢的一个插件。它不只是做表格，更像一个 AI 数据分析师」。来源：原视频画面

图 19：Spreadsheets 的旁白补充——「甚至直接给出分析结论」。来源：原视频画面

3.9 09/10 HyperFrames——网页转视频

卡片说明原文（视频画面，逐字）

网页转视频神器。把网页、产品页面或原型直接转换成演示视频。

特别适合产品展示、营销宣传和社媒内容制作。

旁白字幕（来源画面事实）：「把网页产品页面或原型」「直接转换成演示视频」「特别适合产品展示营销宣传和社媒内容制作」。

核验说明（官方资料，核验日期 2026-09-27）：HyperFrames 是 HeyGen 开源的「视频即代码」框架（Apache 2.0 许可，GitHub 仓库 heygen-com/hyperframes，定位「Write HTML. Render video. Built for agents.」），并已作为官方 Codex 插件「HyperFrames by HeyGen」上架，可一键安装。它用 HTML + CSS + GSAP 编写、由无头 Chrome 逐帧渲染并经 FFmpeg 输出 MP4，运行环境要求 Node.js ≥ 22 与 FFmpeg。视频所说「把网页转成演示视频」与其官方定位一致。

图 20：09/10 HyperFrames 卡片——「网页转视频神器。把网页、产品页面或原型直接转换成演示视频」。来源：原视频画面

图 21：HyperFrames 的旁白补充——「特别适合产品展示营销宣传和社媒内容制作」。来源：原视频画面

3.10 10/10 Remotion——用代码批量生成视频

卡片说明原文（视频画面，逐字）

程序化视频生成工具。通过代码批量生成视频内容。

如果你需要每天生产大量相似视频，它会非常有价值。

旁白字幕（来源画面事实）：「remotion程序化视频生成工具」「通过代码批量生成视频内容」「它会非常有价值」。

核验说明（官方资料，核验日期 2026-09-27）：Remotion 是真实存在的开源框架（官网 remotion.dev，slogan「Make videos programmatically」），用 React 组件描述视频、通过参数化数据批量渲染 MP4，支持本地/服务器/无服务器（Lambda）渲染。许可上，3 人及以下团队可免费商用；Creator 版约 25 美元/月/席位；Automator 版按次计费、100 美元/月起；企业版 500 美元/月起（以官网当日为准）。它与 HyperFrames 的关系：HyperFrames 官方说明其「受 Remotion 启发」，两者的分歧点是「作者主要写什么」——Remotion 押注 React 组件，HyperFrames 押注 HTML。

图 22：10/10 Remotion 卡片——「程序化视频生成工具。通过代码批量生成视频内容」。来源：原视频画面

图 23：Remotion 的旁白补充——「通过代码批量生成视频内容」。来源：原视频画面

3.11 结尾：把 10 个插件归成五条线

来源画面事实：视频结尾的整屏文字为「10 个插件，覆盖浏览器、设计、文档、数据、视频」「选一个最适合你的，开始让 AI 真正干活吧」，并给出按钮「关注向量AI，我们下期见」；旁白字幕为「覆盖浏览器设计文档数据视频」「开始让Codex真正干活吧」「我们下期见」。

复刻要点（复刻方案）：作者结尾这句「选一个最适合你的」是本条视频最实用的一句建议——10 个插件不必全装，按你的工作场景挑 2–4 个即可。第六节给出一张「按角色选插件」表。

图 24：视频结尾——「10 个插件，覆盖浏览器、设计、文档、数据、视频 / 选一个最适合你的，开始让 AI 真正干活吧」，按钮「关注向量AI，我们下期见」。来源：原视频画面

四、10 个插件速查表

五、安装与使用：官方路径（视频未演示，本节据官方资料补齐）

再次强调：视频里没有演示安装（全程为动效卡片）。以下步骤来自 Codex 官方插件文档（核验日期 2026-09-27），是当前可用的通用路径；界面文案会随版本变化，若与你的客户端不一致，以当日界面为准。

官方资料要点（核验日期 2026-09-27）：

· 一个插件最多包含四类东西：技能（Skills，Markdown 写的可复用操作指令）、MCP 服务器（连接外部系统的服务，负责鉴权与返回结构化数据）、浏览器扩展、钩子（Hooks）。

· 插件可在「ChatGPT 桌面端的 Codex」与「Codex CLI」中使用；IDE 扩展不支持浏览安装插件（但可以使用同一 Codex Host 上配置的 MCP 服务）。

· 标注「Desktop only」的插件（如 Computer Use）必须在桌面应用内安装和使用，手机端不可用。

· 安装完成后必须新开一个会话（thread），插件带来的技能与工具才会加载生效。

桌面端安装（三步）：

第 1 步 打开 Codex 桌面端，找到左侧的 Plugins（插件）标签 / 入口

第 2 步 搜索或浏览插件，打开插件详情，点「+」/「Add to Codex」/「Install」安装

第 3 步 若插件需要外部服务（如 GitHub、Figma），按提示完成授权；然后新建一个会话再使用

CLI 安装：

codex # 启动 Codex CLI

/plugins # 打开插件浏览器（按市场分组，可安装 / 卸载 / 用空格启用停用）

# 选中插件后执行「Install plugin」

/new # 安装后新开会话，插件技能才会生效

调用方式：

· 直接用自然语言描述任务，Codex 会自动匹配已安装插件；

· 也可以用「@」显式指定插件或其中某个技能（例如用 @Computer 唤起 Computer Use）。

六、按角色选插件：不必全装，挑 2–4 个就够

这是本文根据视频所列 10 个插件的作用、结合其常见使用场景给出的复刻方案（非视频原表）：

说明：上表为本文的复刻建议，不是视频原表；视频只给出了 10 个插件的清单与作用，并未按角色分组（结尾仅提示「选一个最适合你的」）。

七、可复刻度评测与已知限制

可复刻度评测（依据视频画面与官方资料，核验日期 2026-09-27）：

说明：上表「可复刻度」为本文基于视频画面与官方资料给出的判断，非实测结论；「成本」仅按官方公开信息列示，请以各平台当日实际价格为准。

已知限制：

八、动手前检查清单

· 确认你用的是「Codex 桌面端」或「Codex CLI」（IDE 扩展不支持浏览安装插件）。

· 先按视频结尾的建议，选定 2–4 个与你工作场景最贴合的插件，不要一次全装。

· 在 Plugins 入口搜索插件名，确认条目与发布方（官方条目通常标注为 Codex official）。

· 对需要外部服务的插件（GitHub、Figma 等），只授权完成工作所需的最小权限。

· 标注「桌面限定」的插件（如 Computer Use）只在桌面应用内安装使用。

· 安装完成后新建一个会话，确认插件的技能与工具已加载。

· 用一句具体任务试跑一次（例如「用 GitHub 看一下这个仓库最近的 PR」），确认插件真的在干活。

· 需要出片时，先装好 HyperFrames 的本地依赖（Node.js ≥ 22 与 FFmpeg）。

· 使用 Remotion 前，先确认你的团队规模对应的免费 / 付费档位，避免商用越界。

· 已核对所用插件当前是否仍在官方目录、名称与入口是否与本文一致。

九、来源与参考链接

原视频（小红书）：小红书「10个插件，让你的Codex 直接起飞」（@向量AI）

Codex 官方插件文档：developers.openai.com/codex/plugins

HyperFrames（HeyGen 开源仓库）：github.com/heygen-com/hyperframes

Remotion 官网：www.remotion.dev

GitHub：github.com

Figma：www.figma.com

官方链接核验日期：2026-09-27。插件目录条目、模型版本、许可价格、依赖要求与功能入口会随时间变化，以官方当日页面为准。

免责声明：本教程基于创作者公开发布的视频画面与公开页面整理，仅用于学习与复刻参考；文中提到的第三方工具与平台版权归各自所有，使用前请阅读其官方条款。本文与视频创作者、工具方均无隶属关系。配图取自原视频整帧画面，未做裁切或遮挡，其中出现的图标、文字与界面版权归原视频作者及原软件方所有。

发布于 2026-06-26

原帖地址：https://www.xiaohongshu.com/explore/6a3e63650000000007027e34?xsec_token=ABFg9Bu0oaDr9geCxPEtYybh_56Pzpf-jCemGOQ1Mma9U%3D&xsec_source=pc_user

关于作者：向量

作者主页：https://www.xiaohongshu.com/user/profile/57141c841c07df4dfec79bd9?xsec_token=ABhD3_-sv6SZXdWgcqQ-ZPkwB0p__TaEG-28wV4hyeoG4%3D&xsec_source=pc_user