Codex 完整教程:从安装、工作区到 App、插件与子代理

整理 Codex 的基础操作、工作区、App、Goal、Subagents、插件和项目实战方法,并区分历史功能与当前版本。

本文把公开教程中的 Codex 使用、App、Goal、插件和子代理内容合并整理。模型名称、套餐和客户端功能会随版本变化,操作前请查看 OpenAI 官方 Codex 文档。

原始知识库入口:AI编程快乐屋

GPT-5-Codex VS Claude, 一个简单例子对比两者风格

使用工具

  • Cursor+ Claude-4-sonnet

  • Cursor+ GPT-5-Codex

功能

结论

两个模型都很好,都解决了问题

  • Claude 4 sonnet 速度更快,更喜欢直接解决问题,缺少思考,容易造成代码堆积

  • GPT-5-Codex 速度更慢,喜欢先调查研究仔细,思考时间较长,容易找出更好的解决方案

Claude 4+GPT-5-High, AI编程最佳组合

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

GPT-5-high 适合场景

Claude sonnet 编码流程

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

GPT-5-high的编码效果

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Claude Sonnet和Gpt-5-high 如何搭配使用

  • Claude Sonnet 负责整体模块的编写,适合从0到1去完成整个模块

  • GPT-5-high 适合解决一些复杂的问题,适合从小的地方切入

Codex App OpenAI 最新编程工具五大内容介绍

Codex APP官网

Codex

One agent for everywhere you code

  • Codex Web(Cloud)

  • Codex CLI

  • Codex Vs code 插件

  • Codex APP

Codex APP 界面介绍

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Codex APP 特性介绍

一、Threads

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

二、GIT

Commit 和 PR

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

点击 commit,可以很方便的推送变更到 git 服务器

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Create PR 需要安装 github cli, 可以让 codex app 帮你安装

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

在 git 变更汇总来回滚代码

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

WorkTree
  • 必须有 git

  • 必须新开对话才能新开 WorkTree

三、技能 Skills

  • 触发方式

可以使用 $号手动触发,也可以通过关键词被动触发

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

  • 创建技能

通过 $ 符号,选择 skill-creater 输入你的技能名称和描述

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

  • 安装技能

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

$skill-installer 这个技能目前只能安装 openai 仓库下的技能

GitHub - openai/skills: Skills Catalog for Codex

Skills Catalog for Codex. Contribute to openai/skills development by creating an account on GitHub.

如果需要安装其他仓库技能,直接以下方式

npx skills add <owner/repo>

或者将 github 地址发送给 codex app

安装完成后需要 codex app

  • 禁用/卸载技能

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

四、自动化(Automations)

保持 codex APP 打开的前提下,可以按天固定时间,或者按天间隔时间来执行一段提示词。

这个类似于 hook 定时器,官方示例如下:

  • 定时总结

  • 定时学习技能

请扫描过去一天所有的 ~/.codex/sessions 文件。如果在特定技能 (skills) 的使用上出现过问题,请更新这些技能以提升其效用。注意:仅限个人技能 (Personal skills),不要涉及仓库技能 (Repo skills)。

此外,如果我们经常处理某些任务且总是遇到困难,为了加快未来的工作效率,请将这些流程保存为一项新技能。

切记不要为了更新而更新——只有在理由充分的情况下才动手!

如果你做了任何修改,请告诉我。

请查看最新的远程 origin/master 或 origin/main 分支。然后,针对过去 24 小时内涉及 <DIRECTORY>(指定目录)的提交,生成一份执行简报 (Exec Briefing)。

格式与结构:

  • 使用富文本 Markdown 格式(工作流章节使用 H1 标题,副标题使用斜体,按需使用水平分割线)。
  • 开场白可以写成类似:“以下是 <directory> 过去 24 小时的简报:”
  • 副标题应写为:“负责人叙事性回顾;按工作流分组。”
  • 按工作流 (Workstream) 分组,而不是简单罗列每个提交。工作流的标题应使用 H1。
  • 针对每个工作流写一段简短的叙述性文字,用通俗易懂的语言(plain language)解释变更内容。
  • 为了提高可读性,请使用项目符号(bullet points)和加粗格式。
  • 可以按“人”来列出项目符号,但请加粗他们的名字。

内容要求:

  • 在行内包含 PR 链接(例如 #123),不要使用 “PRs:” 这样的标签前缀。
  • 不要 包含 commit hash(哈希值)或 “Key commits”(关键提交)章节。
  • 同一个工作流下出现多个 PR 是没问题的,但要避免列出“逐个提交 (per-commit)”的清单。

范围规则:

  • 仅包含当前工作目录(cwd)或主检出目录(main checkout)内的变更。
  • 仅包含过去 24 小时内的提交。
  • 如果有帮助,可以使用 gh (GitHub CLI) 来获取 PR 的标题和描述。也可以自由获取 PR 的审查意见 (reviews) 和评论。

Claude Code hooks

五、MCP

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

支持自定义安装以及按照 codex APP 推荐的方式安装

总结

优点

  • 体验非常流畅,界面简洁,非常适合开发者

  • 交互非常轻,感觉是面向thread 开发,不是面向目录

  • 去掉了 代码 editor模式,更符合 vibe coding 风格,专注于对话

缺点

  • 一个 thread 只有一个终端

下载文件

附件:Codex.dmg

Codex APP 保姆级使用教程,实战项目全流程讲解,覆盖 Codex APP 十个特性

安装

Codex app

Your Codex command center

目前只支持 Mac , Windows、Linux 即将推出

1、基础设置

  • 语言设置

如果没有使用默认的系统语言,可以在设置里面

2、模型选择

3、多项目开发(threads)

4、单项目使用Worktree并行开发

5、复杂问题先 plan

6、技能的安装和使用

7、超级简单GIT操作

8、自动化

9、语音输入

10、自定义环境命令

11、MCP安装

Codex App 支持子代理(Subagents),并行开发极大提升效率

使用Subagents

在 CodexAPP 的对话中,包含以下信息: 1、明确关键词:子代理,代理

2、每个子代理负责的具体任务

3、每个子代理需要产出什么东西(可选)

我想对当前PR(此分支与主分支)的以下几点进行评审。针对每一点生成一个代理,等待所有代理完成后,对每一点的结果进行总结。
安全性问题 
2. 代码质量 
3. 错误 
4. 竞争条件 
5. 测试的不稳定性 
6. 代码的可维护性
以上对话会产生 6 个子代理并行执行

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

帮我开启一个子代理,分析代码的规范,我的规范文件概要是xxx.md,分析完成后生成一个结果文档,放到 docs/目录下

了解Subagents

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

如何创建Subagents

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

name = "security-reviewer"
description = "Security audits"
developer_instructions = """
You are a security expert.
Focus ONLY on:
1. Injection vulnerabilities
2. Auth flaws
3. Sensitive data exposure
"""
model = "gpt-5.3-codex-spark"
model_reasoning_effort = "high"
[tools]
read = true
search = true

Subagents的最佳实践

  1. 低耦合拆分 子任务可独立执行

  2. 代理专业化 每个只做一件事

  3. 结果标准化 返回结构化数据

  4. 错误处理 单个失败不影响整体

开源 Subagents

Codex toml 格式:

https://github.com/VoltAgent/awesome-codex-subagents

Claude Code md格式(需要自己转):

https://github.com/VoltAgent/awesome-claude-code-subagents

Codex APP 支持插件功能,主流 AI 编程工具已经全部支持插件

什么是插件?

插件包含的内容

组件 描述 备注
Skills 用于复杂任务的专门化智能体能力
Agents 子代理,自定义智能体配置和提示词
Commands 将重复的提示词封装,通过/直接调用
MCP 服务器 Model Context Protocol 集成
Rules 持久性的 AI 指导和编码标准 (.mdc 文件)
hooks 由事件触发的自动化脚本
APP 随插件捆绑的可选应用集成或连接器映射 只有 Codex ✅

什么情况下该封装成插件

  • 你想与你的团队或社区共享功能

  • 你需要在多个项目中拥有相同的技能和agents

  • 你需要版本控制和方便的扩展更新

  • 你是在通过市场分销

GPT-Images 2+Codex APP 一站式开发 APP保姆级教程,超级简单

生成产品 PRD文档

这里就是正常 PRD 功能就行,需要页面的描述

生成统一设计规范图片

请基于以下统一的 APP 设计系统,生成该产品的页面 UI 图。

产品基础设定:

产品名称:[产品名]
产品类型:[比如电商 APP]
品牌关键词:[年轻、品质、可信赖、效率高]
目标用户:[比如 20-40 岁线上购物用户]

统一视觉规范:

整体风格:[现代、高保真、商业化、真实可上线]
主色调:[例如红色 #E1251B]
辅助色:[白色、浅灰、金色点缀]
背景风格:[浅灰背景 + 白色卡片]
卡片样式:[大圆角、轻阴影]
按钮样式:[主按钮红底白字,次按钮白底红字]
图标风格:[统一扁平化彩图标]
文案语言:[简体中文、电商短句、真实产品文案]
导航风格:[底部 5 栏导航,选中为主色]
设备比例:[手机竖屏,高保真 UI 截图]

一致性要求:
所有页面必须保持同一个品牌视觉系统,颜色、图标、按钮、卡片、排版逻辑、导航栏样式必须统一,看起来像同一个真实 APP 的不同页面。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

图片转APP

生成图片

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

将图片拷贝到当前项目目录下

如果还缺少页面,可以告诉 Codex APP 继续生成,注意加上

增加一个“我的” 页面,请保持统一风格

生成图标

请根据生成的设计图,生成设计图对应的图标,要求透明PNG图标

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

APP开发

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

选择 build IOS Apps 这个插件

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

如果没有安装,则进入插件市场搜索安装

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

APP测试

#Computer Use
启动这个 APP,根据 PRD.md 进行点击测试

要安装computer use 这个强大的电脑控制插件

点击设置

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Codex App 从 0 到 1 开发一个小程序, 保姆级教程,细节满满

本视频内容

  • 了解如何使用Codex APP进行小程序开发

  • 了解如何使用 Open Design 完成产品原型设计

  • 了解使用微信云函数完成小程序的后端对接

  • 了解使用微信cloudbase搭建小程序后台管理系统

微信小程序开发技术栈

  • 原生开发,体验最好

  • 使用uniapp,技术栈简单,可以同时生成APP代码。但是有很多隐藏bug,需要有经验排查。AI对原生支持会比较好。

前期准备

PRD文档

怎么去写一个PRD文档呢?其实我们要从PRD文档获取到一个最核心的信息,就是功能和页面的描述。或者说你可以把这两个拆成不同的文档也行。

  • 功能描述

  • 实现范围

  • 页面描述(最好有,方便做设计)

PRD文档解决的是你要做什么的问题。

要生成一个PRD文档,非常简单,只要你的关键词里面带PRD就行。后描述你要重点包括的内容。

我现在需要做一个简易的商城,主要售卖的品类是生鲜,商城包含了首页、商品列表、购物车,然后可以加购、可以下单,不需要支付。帮我生成PRD文档,包括功能描述,前台页面功能描述,不需要任何技术相关内容
申请微信小程序及安装微信开发者工具

需要申请微信小程序。

安装好微信开发者工具,这是微信开发必备的。因为你还要用这个工具来把小程序进行发布上线。

安装 NodeJS

借助AI工具来帮你安装最新版本的NodeJS

原型设计

OpenDesign 介绍

Open Design是一款类似claude Design的设计工具,里面集成了非常多用于设计的技能、插件以及样式规范等等。使用OpenDesign可以制作APP、Web等等前端的原型。

Open Design可以调用本地的CLI工具,比如Claude Code, Codex,gemini CLI 等等。意思就是它不需要单独配置模型,可以用你自己本身的编程模型来进行设计,这极大地提升了便利性,而且可以使用多种模型来对比一下设计的效果。

可以进入这个链接下载桌面端,支持Windows、Mac以及Linux。

https://github.com/nexu-io/open-design/releases

OpenDesign 基础设置

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

点击设置,将软件的语言变成中文。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

我们需要设置好OpenDesign,调用我们本地AI Agent的工具。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

AI Agent支持两种,一种是本地的CLI,也就是终端命令行的AI编程工具,一种是自己输入API key。如果有终端命令行,AI编程工具的话,尽量使用。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

如果你本地没有装这些工具,你也可以使用APIT的方式。APIT支持两种,一种是指定的服务商,比如说Anthropic或OpenAI。那么你也可以使用点击执行配置符合他们格式的API key。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

按照模型提供的支持的协议去配置就可以了。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

OpenDegin 创建原型

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

设计体系的意思就是会有一些品牌的官方网站设计风格,比如说apple等,我没有产品文档和设计规范,所以不需要选择这个

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

将产品PRD需求和设计规范文档放到这个原型的目录下,然后在对话中选中然后发送

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

OpenDesign 调整原型

在对话中搜索文件直接修改

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

使用OpenDesign默认预览模式修改

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

框中你想要改的东西,输入你要修改的内容。点击提交,就会让AI去修改。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

OpenDesign 导出原型

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

下载导出为HTML或者zip包都可以。接下来就是跟我们去做APP一样,要去转对应的语言。

原型转小程序

代码转换

上面的原型设计和评审阶段的目的是得到一个最终的原型HTML文件,但是我们其实是要做小程序,也就是我们需要把HTML代码转成我们的小程序代码,所以在这一步,最重要的流程就是代码转换。

小程序的代码和结构跟APP区别比较大,所以我们在转换的时候一定要写好约束。在这里,我准备好一个技能,专门将HTML代码转换为小程序的代码。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

附件:html-to-wechat-miniprogram.zip

将这个技能放到项目的.codex/skills目录下面。

转换完之后,还要处理一个非常棘手的问题,就是底部图标,因为小程序底部图标是一定要有图片的,但是在我们的HTML页面里面,很多图标都是样式写出来的。所以这一块我们要单独处理,那处理的办法有两种。

  • 在网上找对应的图标。比如iconfont

  • 使用Codex App的Image Gen生成图标。

这边我准备了一个技能,专门用来生成小程序图标。一个是正常图标,一个是激活图标。

附件:wechat-tabbar-icons.zip

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

小程序界面调整

因为Codex APP 没有内置的小程序预览界面,所以我们必须借助Computer use这个插件,让它模拟人类去打开小程序,去浏览当前的界面是否是正常。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

在这一步中会自动解决很多界面的问题,但是还是要依赖自己去进行一个调试。

小程序对接微信云开发

1、使用微信云开发

打开微信开发者工具,然后点击这个图标,就会进入微信云开发的界面。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

先创建一个dev1环境,然后会自动初始化一个cloud1一和一个环境ID。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

这个时候相当于创建了一个线上数据库,接下来就是要去初始化云开发环境及数据库结构。

2、初始化云开发及数据库结构

直接在对话框中输入这些内容,就会帮你初始化一个带有微信云开发的标准目录。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

3、找出当前 小程序 里的假数据

我现在已经用 微信小程序 做好了一个「生鲜商城 小程序」界面,但是里面的数据都是假的 mock 数据。
请你先帮我检查当前项目,找出所有 mock 数据在哪里使用。
请整理出:
哪些页面用了假数据
每个页面需要哪些数据
这些数据应该对应哪些后端接口
请先不要写后端代码,先帮我整理清楚数据和接口。

4、设计数据库和后端接口

请根据第 3步整理出来的假数据,帮我设计这个「生鲜商城 小程序的」需要的后端。

技术栈:

  • 微信云开发及为微信云函数

请帮我完成:

  1. 设计数据库表 比如商品、分类、购物车、订单、地址这些数据应该怎么保存。

  2. 设计后端接口 比如首页、商品列表、商品详情、购物车、下单、订单列表这些页面应该调用哪些接口。

  3. 生成测试数据 准备一些商品、分类、购物车、订单、地址数据,方便后面 APP 页面展示。

请把结果保存成两个文档:

  • docs/sql.md:数据库表和测试数据

  • docs/api.md:后端接口说明

注意:这一步先不要写后端代码,只做设计和文档。

5、 后端开发

现在请根据前面生成的文档,开始实现「生鲜商城 小程序」的接口对接,把 小程序 里的假数据替换成真实接口数据,并初始化一些测试数据。

请先阅读这两个文档:

  • docs/sql.md

  • docs/api.md

技术栈:

  • 微信云开发

请记住根据sql.md 创建云数据库集合。

在这一步里面去审核数据表里面是否存在设计有问题。那基本上如果简单的系统,AI一定是设计得会非常完善的。

同步云函数到微信云开发

走完所有的接口之后,你需要将云函数同步到线上。

只要右击Cloud Functions下面的创建的子文件夹,然后选择上传并部署,不包括node_modules。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

这样云函数才会真实起效果。

在这个过程中,去调整每个界面,看一下是否缺少数据。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

最后我们可以让Codex APP 使用computer use 进行点击测试

后台管理系统开发

安装CloudeBase 插件

安装CloudBase MCP是为了能够实时读取CloudBase里面最新的数据以及文档。这样最起码能保证CloudBase调用没有问题。

其他AI编程工具可以使用安装MCP的方式来实现

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Codex APP 可以使用CloudeBase提供的插件功能

Codex 配置指南 | 腾讯云开发 CloudBase - AI 原生后端一体化平台

Codex 可以通过 插件市场 安装 CloudBase 插件,一次性获得 MCP 工具连接和 AI Skills;也可以通过 MCP 配置 手工连接。推荐使用插件市场方式。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

在插件里面选择Personal,就是自己个人的,选择CloudBase进行安装。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

使用插件开发后台

[@cloudbase](plugin://cloudbase@tencent-cloudbase) 我需要创建一个基于当前项目的后台管理系统backend,云数据库及相关集合已经创建好了,请先阅读表结构在 @docs/sql.md,捋清需要后台管理的基本功能,框架使用CloudeBase+Ant Design,需要验证才能登录。

完成之后会将所有的代码都传到服务器上。这是一个微信自己的域名,你如果要有独立的域名,需要单独的绑定。

上传到微信云静态网站

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

在腾讯云的CloudBase静态网站托管,你能看到这个应用

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

点击这里可以绑定自己的域名。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

Codex APP (ChatGPT)新版本的五大更新,详细讲解,超级好用

在GPT 5.6发布之后,OpenAI也将Codex APP进行了非常大的更新。Codex APP这个名字也退出了历史舞台。从此,Codex APP变更为名称为ChatGPT。以下是我带来的ChatGPT的五个比较重要的更新功能。

1、Sites(站点)功能

顾名思义,站点的功能就是将网页直接部署到站点。也就是说,OpenAI负责了你所有的服务器,你不需要购买任何的域名,你能得到一个网址,并且所有人都能够访问。一键部署,非常方便。

点击加号,输入Sites,你就能看到这个命令了。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

使用也非常简单,只要说部署这个网站,或者将该网站部署到Sites就行了。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

如果你你想让别人也能访问这个网站,那么在分享里面将权限改成互联网上的任何人就可以了。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

点击站点,你可以看到已经部署的Sites列表。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

非常推荐使用Docker的方式进行部署,技术栈建议选择React加TypeScript。

2、网页版聊天同步到任务

在Codex APP里面新增了聊天功能,这个聊天跟OpenAI的网页版聊天是一模一样。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

点击添加的任务,这个任务就会放入到Codex app里面的聊天里面。也就是说,你可以使用聊天的功能把需求都聊透,然后生成一个文档,再把文档直接同步到 Codex APP的聊天里面去,这样能节省token的消耗,也能把你网页的聊天记录同步到Codex APP。。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

3、浏览器功能升级,可导入账号Cookie等信息。

这个功能我认为是最有意思的功能。在Codex APP相当于把整个浏览器的功能都搬过来了,而且只要你导入了Google浏览器的账号和密码,那么在Codex APP使用浏览器的功能跟在Google浏览器使用功能是一模一样的,不需要去登录。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

也就是说,这个功能的开放可以让Class App完全控制你的浏览器,你可以让它去做任何浏览器相关的事情,没有任何的限制。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

这个功能的升级给Codex APP打开了一个浏览器的大门。

4、Codex 与 Work一个APP两个入口

在Codex APP里面,分为编码和工作两个入口。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

官方的解释是:

对于研究、分析或交付物(如文档、演示文稿、电子表格和网站),请从 ChatGPT 下拉菜单中选择 ChatGPT Work。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

对于需要代码库上下文和开发工具的软件开发,请从 ChatGPT 下拉菜单中选择 Codex。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

图片来自 @Saccc_c

但是我认为这两者并没有明显的区别,在界面上,打开ChatGPT Work,会出现一些插件。

5、导入其他AI应用的配置

意思就是你可以导入Claude Code的全局配置,比如技能、MCP、插件,甚至对话记录。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

这是直接抢别人的生意啊。

可以导入以下信息。

原文此处包含图片,当前版本保留文字说明;请查看原始飞书页面中的图片。

建议在导入前先检查Claude Code的配置是否够精简?不然导过去之后会影响Codex本身自己的使用。

以上信息都来自https://learn.chatgpt.com/docs/get-started-with-work

Codex全解:原始教程整理

原始公开页面:https://my.feishu.cn/wiki/OCY5wzbGhiLDr8kMulkcLLuSnQd。 本段保留教程中的历史界面描述;模型、额度和登录方式以 OpenAI 官方文档为准。

一、准备工作

安装下载(需魔法)

步骤 1:官网(点此处前往)下载

步骤 2:登陆Codex(可以用GPT账号或者API key登录)

  • 用ChatGPT账号登录(有账号就行)

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

  • 或者用API key登录(需要额外购买)

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

Codex 优先使用官方 ChatGPT 账号登录;需要在脚本或 API 场景使用时,再按 OpenAI 开发者文档配置自己的 API key。不要在文章、仓库或截图中公开密钥。

界面介绍

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

二、基础操作

上下文管理

步骤 1:查看上下文情况

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:压缩上下文

  • 可通过输入中文指令/压缩进行手动压缩

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

额度状态
方式 1:系统设置查看

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

方式 2:斜杠命令查看

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

模型选择

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

  • 速度有两种模式:

  • 标准。默认速度,常规用量。

  • 快速。整体效率提高1.5倍,但额度用量的消耗也会提升。

  • 模型可直接选最新的5.5模型,也可按需选择其他的次级模型

  • 智能程度视任务难度而定,一般任务“中”就够了

三、本地文件读写

步骤 1:新建项目

  • 如图,两者都可新建项目/选择本地文件夹

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:权限设置

  • 默认权限:仅能读写所选文件夹内全部文件,若需访问文件夹外内容,codex要单独申请权限。

  • 自动审查:相比默认,权限更高。AI 自动检查操作是否存在风险,判定有风险就请示,无风险则直接执行操作

  • 完全访问权限:codex能在你的电脑上执行任意操作,不做请示

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:项目内任务多开

  • 支持在现有项目任务中,额外开启并行的对话任务

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

四、命令行使用

开启「自动审查」模式后,Codex 可直接用命令行开展工作。我们只需用日常沟通文字,就能让 Codex 帮我们安装各类工具。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

Codex的一个缺点:目前「聊天任务框」里显示的文件,可在右侧「结果框」内打开,但无法编辑

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

解决方案:下载一个「Agent IDE(有AI的编辑器)」,Codex会自动识别并添加到右上角。以Cursor为例。

  • 步骤 1:用日常沟通文字,让Codex在软件里部署好Cursor
请检查我是否已安装Cursor;若未安装,请先为我安装。
若已安装,把 Codex桌面端右上角“打开编辑器”的默认目标设置为 Cursor,并验证是否生效。
  • 步骤 2:部署好以后,Cursor会常驻右上角;之后,文件可直接在Cursor内打开进行编辑

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

五、持久记忆

方式 1:全局级长期记忆
  • 「全局生效 Agents.md」不管在哪个项目和 Codex 对话,都会第一时间把已记录的记忆,当作上下文传给大模型。

  • 「全局生效 Agents.md」适合记录所有任务都通用的规则,比如你的使用习惯、工作偏好等。

步骤 1:在「设置」中找到「个性化」

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:直接在「自定义指令」里添加想要的规则和约束,比如个人使用习惯、工作偏好等。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:也可直接在聊天任务中使用日常语言交代自己的规则,并最终要求添加到「全局agents.md」

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

方式 2:项目级持久记忆
  • 「项目级agents.md」只在固定项目持久生效

步骤 1:在具体项目中打开编辑器(如:Cursor)

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:在编辑器中新建文件,并命名为:AGENTS.md。(注意:AGENTS必须大写)

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:直接在AGENTS.md里,用自然语言,新增你想要的规则。

步骤 4:也可直接在聊天任务中使用日常语言交代自己的规则,并最终要求添加到“项目AGENTS.md”

方式 3:自动记忆
  • 自动记忆的机制是,codex会在我们结束对话或任务,闲置一段时间之后,帮我们把之前对话总结成记忆,并在之后的对话与项目中复用。

步骤 1:在「设置」下的「个性化」中找到「启用记忆」

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:自动记忆的文件一般是在/Users/xxxx/.codex/memories 文件夹下面的

六、大型项目规划与落地

针对有一定复杂度的项目,或者我们自己都还没想清楚的项目,可开启「计划模式」,在codex的引导下完善项目想法与思路,并最终执行。

步骤 1:新建项目

步骤 2:打开「计划模式」

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:(以“从0开始做个人网页”为例)根据Codex的引导,通过引导选择,或自主输入提示词,最终完善计划

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 4:计划生成后,还可自行给出建议,调整计划

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 5:计划开始执行后,如果不满意,还可临时提交建议,并在合适的时机点击「引导」进行提交。执行过程不会被中止。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 6:如果执行中有些想法不确定,还可以通过「fork(分叉)」开个副本测试,这样不会弄乱主线任务

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 7:等待时,可在「设置」下的「外观」选择或定制桌面宠物。唤醒后,宠物会提示你,当前Codex正在做什么。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 8:可以在结果预览界面右上角,选择「注释」对生成内容进行批注,批注好以后,发送给codex进行修改

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 9:项目完结后,可让codex帮我们基于刚才的项目,生成一份「项目级AGENT.md」

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

七、插件

插件位置&情况

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

插件(中文)大全

必装插件

板块

可以做什么

Chrome

Featured / 精选

用你的浏览器登录态处理网页任务,适合查资料、测试页面、整理网页信息。

GitHub

Featured / 精选

查看仓库、PR、Issue 和 CI 状态,适合代码协作、审查和发布流程。

OpenAI Developers

Featured / 精选

查询 OpenAI API、Agents、ChatGPT Apps、Codex 等官方开发资料。

Vercel

Featured / 精选

构建和部署 Web 应用、Agent、预览环境。

Netlify

Coding / 编程与工程

部署前端项目、管理预览环境、配置站点和函数。

Sentry

Coding / 编程与工程

查看线上错误和事件,帮助定位 bug、复现问题和评估影响范围。

Remotion

Design / 设计

根据提示创建 动态图像 / 程序化视频。

HyperFrames by HeyGen

Design / 设计

编写 HTML 并渲染视频,适合生成动态视觉内容。

Codex收录的所有插件,相关中文信息,已全部整理到了文档里。

  • 可在文档查看有安装需求的插件:
重点插件介绍

插件名称

功能作用

适用场景

场景案例

备注

Browser

让Codex操作内置浏览器

一般用于前端的自动化测试

  1. 自动登录网站

  2. 点击按钮

  3. 填写表单

  4. 翻页截图

  5. 确认页面功能和样式是否正常

处理公开网页、本地预览、无需登录的页面,则优先使用 Codex 自带 Browser

Computer Use

让codex多一双“眼睛”和“鼠标”,能操控所有电脑软件

  1. 命令行或插件不够用的场景

  2. 完全依靠图形界面交互的场景

  3. 测试桌面 App

  4. 复现界面 Bug

  5. 检查导入导出流程

  6. 打开音乐软件搜歌

  7. 使用微信界面发消息

目前仅限mac系统

Chrome

codex控制真实的谷歌浏览器,并在后台执行浏览器操作

适合处理“必须登录真实网站才能完成”的浏览器任务

  1. 打开 Gmail 查邮件

  2. 进公司后台改资料

  3. 跨多个网页整理资料

不会直接接管你正在用的窗口,导致影响你正常使用谷歌浏览器

八、Skills&CLI

可直接将Skill和CLI的下载链接丢给Codex进行自动下载,并在Codex引导下完成部署。

推荐下载的skill

skill名称

功能

下载链接

Find-Skill

根据用户需求,查找和安装来自agent skill开放生态的元技能

GitHub

Frontend- Design

创建具有独特风格、生产级品质且设计精良的前端界面

GitHub

humanizer-zh

Humanizer 的汉化版本,消除文本内容的 AI 生成痕迹。

GitHub

skill合集网站:lobehub

大家既可以根据分类去寻找自己需要的skill,也可以直接在精选合集查看推荐的优质skill

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

创建自己的skill

以最终创建一项「自动撰写《本周 GitHub 热门项目推荐》文章」的skill为例

步骤 1:要求codex整理出本周热门GitHub项目,并解释项目作用。

本周最新的github流行项目、热门项目有哪些?并清晰解释这些项目的作用

步骤 2:筛选5个符合写作目标,且star数量最多的项目,写一篇《本周GitHub热门项目推荐》

从整理名单中,在AI编程、研究、学习三个领域,选出5个star数量最多的项目,写一篇《本周GitHub热门项目推荐》

步骤 3:通过斜杠指令调出已下载好的humanizer-zh技能,去掉文章的AI味儿

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 4:对文章的内容与形式进行打磨

加一个固定的开头和结尾,用image2生成一些配图,最后以飞书文档的形式写出来

步骤 5:让codex将整个过程整合为一个skill

将以上过程的一整套动作、步骤和标准,整合优化为一个skill

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 6:可通过斜杠命令进行调出并使用这个skill

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

推荐下载的CLI

CLI名称

功能

下载链接

飞书CLI

飞书官方CLI工具,覆盖消息、文档、多维表格、电子表格、幻灯片、日历、邮箱、任务、会议等核心业务域,提供200+命令及24个AI Agent Skills

GitHub

OpenCLI

万能命令行工具箱,通用命令行中心与AI原生运行平台,能将任何网站、桌面应用或本地程序变成统一命令行操作界面

GitHub

CLI

GitHub 的官方命令行工具。它将拉取请求、问题和其他 GitHub 概念带到终端中,与你已经在使用 git 和代码的地方并排显示。

GitHub

gemini-CLI

Gemini CLI 可将 Gemini 的功能直接引入终端。它提供轻量级的 Gemini 访问方式,能够以最直接的方式从终端命令访问 Gemini 模型。

GitHub

给大家推荐一个GitHub上的CLI主题推荐网页,大家可按需查找自己想要的CLI:Command-line interface

九、MCP

MCP位置

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

MCP安装

对于小白用户,可以直接将mcp链接拷贝给codex,让codex自行操作,并最终引导我们授权完成。

  • 以notebooklm mcp为例,可直接进行如下操作:

步骤 1:自然语言输入指令

帮我安装好notebooklm的mcp:https://github.com/PleasePrompto/notebooklm-mcp

步骤 2:根据引导进行重启并授权

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:在「设置」下的「MCP服务器」确认下载成功

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

MCP扩展

关于MCP,可结合以下教程内MCP的部分进行学习与实践:

学习资源

📺 视频教程:用神器Claude Code!打造贴身AI秘书团【小白教程】

📄 文档教程:Claude Code教程

十、自动化任务

方式 1:自动化面板

步骤 1:打开「自动化」面板

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 2:新建自动化功能 / 选择需求相近的官方样例

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

步骤 3:完成自动化任务设置

原文此处包含图片,当前版本保留文字说明;请查看原始页面。

方式 2:日常语言交互设置

通过在对话框与Codex进行日常语言交互,设置自动化任务,例如:

帮我创建一个自动化任务,每周一早上9点。任务内容是:自动执行热门项目推荐的skill,产出一篇图文发到飞书群里

扩展学习:Claude Code教程

📺 视频教程:全网最全!60分钟全面掌握Claude Code~【附完整文档】

📄 文档教程:

官方核验与版本边界

  • Codex 的产品形态、云端沙盒、任务审查和安全边界,以 OpenAI 的 Codex 介绍 为准。
  • CLI 安装和版本变化以 OpenAI Codex 更新公告 与官方开发者文档为准。
  • 文章里的模型名称、套餐、可用平台和快捷方式都是历史样本;不要据此推断当前额度或价格。
相关标签
CodexOpenAIAI编程SubagentsPlugins