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官网
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 十个特性
安装
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的最佳实践
-
低耦合拆分 子任务可独立执行
-
代理专业化 每个只做一件事
-
结果标准化 返回结构化数据
-
错误处理 单个失败不影响整体
开源 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步整理出来的假数据,帮我设计这个「生鲜商城 小程序的」需要的后端。
技术栈:
- 微信云开发及为微信云函数
请帮我完成:
-
设计数据库表 比如商品、分类、购物车、订单、地址这些数据应该怎么保存。
-
设计后端接口 比如首页、商品列表、商品详情、购物车、下单、订单列表这些页面应该调用哪些接口。
-
生成测试数据 准备一些商品、分类、购物车、订单、地址数据,方便后面 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操作内置浏览器
一般用于前端的自动化测试
-
自动登录网站
-
点击按钮
-
填写表单
-
翻页截图
-
确认页面功能和样式是否正常
处理公开网页、本地预览、无需登录的页面,则优先使用 Codex 自带 Browser
Computer Use
让codex多一双“眼睛”和“鼠标”,能操控所有电脑软件
-
命令行或插件不够用的场景
-
完全依靠图形界面交互的场景
-
测试桌面 App
-
复现界面 Bug
-
检查导入导出流程
-
打开音乐软件搜歌
-
使用微信界面发消息
目前仅限mac系统
Chrome
codex控制真实的谷歌浏览器,并在后台执行浏览器操作
适合处理“必须登录真实网站才能完成”的浏览器任务
-
打开 Gmail 查邮件
-
进公司后台改资料
-
跨多个网页整理资料
不会直接接管你正在用的窗口,导致影响你正常使用谷歌浏览器
八、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 更新公告 与官方开发者文档为准。
- 文章里的模型名称、套餐、可用平台和快捷方式都是历史样本;不要据此推断当前额度或价格。