夜雨聆风大家好，这里是Xuan酱。
今天带大家30分钟上手当前最火的AI工具——Codex。保证国内可用。
如果你是学生或者普通上班族，我从Codex 120多个插件里，精选了8个超好用的，能帮你：
一图复刻小Lin说同款动效；
一份草稿变全套高级PPT；
把账单做成动态分析表格；
从卫星图分析投资趋势；
如果你不满足于办公学习，想玩Vibe Coding，文章后半段我会从小白视角，带你全流程做一个在线3D全景看房网站，实现按地图看房的功能，最终完成网站上线。
所有教程、案例、提示词我都整理进了文档，附在文末。还有对应的视频教程，大家按需食用哦～
视频教程：
先认识一下Codex
Codex是OpenAI推出的AI Agent工具。
经过4月的重大更新，它已经从一个单纯的Vibe Coding工具，变成了集编程、办公、生活服务一体的AI Agent软件。
最近热度暴增，一天就增加了4600万npm下载量，很多人从Claude Code转投Codex。
OpenAI更是直接喊出：「Codex for almost everything」（Codex几乎啥都能干）。
和Claude Code比，Codex的优势在哪？
第一，对小白更友好，App一键安装。
第二，更便宜，免费用户也能用。
第三，也是最重要的，对国内用户更友好，不像Claude，动不动就封号。
四种使用方式
Codex目前有四种使用方式：
桌面App（最推荐）：功能最全面，界面最简洁，直接下载安装，小白也能上手。
网页端：适合轻量化开发任务。
VS Code插件：习惯用IDE的直接在插件市场搜索安装，可以无缝融入现有工作流。
命令行CLI：想要最大自由度的极客专属，小白可以直接绕过哦～
国内怎么用？
装好App后，有条件的直接登录GPT账号就能用。
国内没有条件的朋友，可以配置第三方API，用CC Switch这个工具来帮你做。
这部分具体的操作过程，大家可以移步我们的视频教程2:03s处《国内使用配置》的章节。
也可以到文末的教程文档点开看，跟着一步步做哈。
上手前必须知道的三个基础设置
一、两种对话模式
单次对话：适合日常聊天、单个任务，比如写封邮件、做张海报。
项目模式：适合Vibe Coding，做需要长期迭代的软件开发项目。Codex会为每个项目单独建一个文件夹，保存代码、文档和各种上下文信息。
二、三级权限设置
Codex有三级权限设置，就像给千里马套上缰绳。
Codex最厉害的地方，就是能直接动手干活、改文件。但权限越大，风险也越高。
具体是以下这三种权限：
默认权限（新手推荐）：每步操作需要手动批准。
自动审查（熟练后推荐）：遇到敏感操作才问你，其他默认允许。
完全访问权限（不建议开）：避免误删文件。
三、注意Token消耗额度
开始用Codex以后，要注意token消耗额度，省着点花。
Codex设置了5小时额度和一周额度限制，不像ChatGPT开了会员随便聊。
模型越强，智能越高，工作速度越快，token消耗越快。一般任务按默认设置来就够了。
插件实战：8个超好用的玩法
Codex敢喊出「啥都能干」，底气就来自插件市场——120多个插件，涵盖办公、设计、编程、投资、学术等等。
选上插件后，Codex就会连接你的各种App账号，在对话框里@这个App随时调用。
你不需要在十几个软件之间切换，在Codex上直接遥控其他工具。
下面我们直接进实战，看看接上插件的 Codex，到底有多强。
玩法一：Remotion——复刻高级动效
发一张小Lin说的视频截图，让Codex帮你复刻同款动效。还原度超高，还能渲染成4K视频。
还可以做这种太阳系行星科普动画。
以前做这种效果，至少要会动画软件、懂三维、懂剪辑，从构思到出片怎么也得按天算。
用Remotion插件，一小时搞定。
玩法二：GPT Image 2——一份草稿变全套PPT
Codex搭配上生图王者模型GPT Image 2，做设计的效果也是一绝。
上传一张团队合照，加上粗糙的PPT讲稿，Codex直接做出一整套PPT视觉方案。
我只说了我们叫冲冲冲电商团队，它用红黑配色，真做出来了“冲冲冲”的劲儿
比如封面页，重新把合照人物组合，搭配有设计感的文字排版，很有风格。
再比如这团队成员介绍页，它直接把合照里的每个人胸部以上截取出来，重新排版，搭配文字介绍，效果真的很不错。
还有这些销售数据总结、爆款产品总结页等等，人物一致性很高，视觉冲击力都很强。这种级别的PPT，估计很多设计师都做不出来。
玩法三：记账分析——搞清楚钱花哪了
Codex做表格、分析数据的能力也非常强
比如说记账，我过去5年没存下多少钱，想看看钱到底花哪了。
我就把所有银行流水和某信、某宝的交易明细都丢给Codex，让它帮我把所有的消费分类整理，做成了可交互的动态仪表盘。
这五年来，我钱都花哪了，一目了然。
之前用其他AI做这件事，处理数据太多就容易漏掉，数据清洗能力也有限，还没开始分析就卡在数据整理环节了。
 |  |
这个图表，你点下柱状图，可以看到消费细则，还能搜索筛选。
以前我的账单分散在各个App里，要统计在一起很麻烦。这次靠Codex帮我汇总，我才第一次搞清楚，自己为什么存不住钱。
实测下来，Codex帮我做数据分析，真的强大好用。
玩法四：Gmail——自动处理招聘邮件
连上Gmail，Codex就能帮我读邮件、发邮件。
比如团队在招聘，一天收到几十封简历，很容易混在其他邮件里漏掉。
我就可以让Codex帮我读邮件，然后自动回复
比如我让可以这里，@Gmail，让它查找今天所有带简历附件的邮件，按照 JD 判断匹配度，并给出推荐理由，让我来判断是不是要约面试。
它很快就自动筛出了7份简历。把附件里的简历附件都读完了，给每一位投简历都写好了匹配度和理由。
然后我选了其中最匹配的3位，让Codex帮我发回复邮件约面试。
这件事基本每天都要做，之前需要一封封读邮件，再一个个回复，现在两句话搞定。
这个还可以做成自动化任务，让Codex每天早上10点自动推送简历筛选信息，完全不用手动处理，帮我省了不少时间。
其他好玩的插件
Codex还有很多插件，也很好玩。
比如这个SkyWatch能查看卫星图，比如查看一下霍尔木兹海峡的通船情况，甚至进一步分析对投资的影响。
这个Finn，可以帮我们在欧洲租车自驾。
还可以接入Notion、Readwise这类笔记App，帮我写文章。
Skill玩法
在Codex里，Skill也是必备的。我这里推荐两个必装Skill。
第一个是Skill Vetter（安全审计），它能检查你安装的其他Skill是不是有毒，确保安装的Skill是安全的。
第二个是Find Skills（找技能），相当于是Skill搜索引擎。比如我想写短剧，就调用Find Skills，搜到了好几个对口的剧本Skill。
你选好Skill，让Codex直接帮忙安装就好了。
这些是网友推荐的必装Skill，大家可以参考。
 |  |
安装的Skill多了，在插件市场的Skill界面统一管理，卸载也很方便。
Vibe Coding 实战：从零做一个 3D 看房网站
接下来手把手带你完成一个真实项目：一个支持地图选房、3D全景看房的在线网站，并最终部署上线，让所有人都能访问。
第1步：建项目文件夹，绑定到 Codex
在电脑本地新建一个文件夹（建议英文命名） 打开 Codex，点「项目」旁边的文件夹图标，选中刚建好的文件夹
Codex 自动创建项目，后续所有代码、图片、数据都会保存在这里
✅ 每个新项目都从新建文件夹开始，在“自动审查”模式下，Codex 只会修改这个文件夹，不会乱动你电脑的其他内容。
第2步：建 AGENTS.md，提前给 AI 立规矩
在项目文件夹下，用以下提示词让 Codex 生成一个 AGENTS.md 文件：
在本地创建一个规范文件，每次回答都要用我能听懂的话解释，不要乱删文件
这个文件是给 Codex 的「行为守则」，每轮对话它都会遵守。这一步不要省略，提前立规矩能避免很多后续麻烦。
第3步：整理 PRD 需求文档
不要直接说「帮我做一个3D看房网站」，需求太模糊，Codex 会边写边猜。
先让 Codex 帮你整理 PRD（需求文档），明确以下内容：
这个产品给谁用？ 有哪些页面？ 每个页面能做什么？
提示词示例：
你现在是我的产品经理，请帮我为一个项目写 PRD 需求文档。项目名称：3D 看房工具项目想法：我想做一个网页端 3D/VR 看房工具，用户可以在地图上查看小区，点击小区后查看楼盘和户型，再进入 3D/VR 看房页面。用户可以切换不同装修风格，也可以收藏感兴趣的户型。请你先不要写代码，只帮我整理 PRD 文档。PRD 请包含：1. 项目背景2. 目标用户3. 用户痛点4. 核心使用流程5. 第一版 MVP 功能6. 每个页面需要展示什么7. 数据从哪里来8. 哪些内容可以用 AI 生成示意数据9. 哪些功能以后再做10. 可能的风险和注意事项要求：- 用小白能听懂的话写- 不要写得太复杂- 优先适合第一版 demo- 如果有技术名词，请用一句话解释- 最后给我一个清晰的开发顺序
需求文档出来后，对不满意的地方直接在对话框修改，直到满意为止。
第4步：开启计划模式，让 Codex 先拆解再执行
复杂任务建议打开计划模式，让 Codex 像项目经理一样先列出执行计划，你审核后再开跑。
什么时候用计划模式？ 只要任务需要修改多个文件，或会影响整个项目结构，就先用计划模式。
审核计划时重点看两点：
有没有漏掉你想要的功能？ 有没有误解你的意思？
计划合理就点「继续」，让它跑起来。
第5步：多窗口并行，避免上下文撑爆
1、一个对话窗口只做一个任务。
做前端页面 → 开一个窗口 做部署上线 → 另开一个窗口
这样每个窗口的上下文更精准，Codex 更专注，也更容易管理。
3D看房项目任务分类，如下图所示：
2、上下文快满了怎么办？
输入 /，选择「压缩」，把前面内容缩减成摘要，上下文既不会丢，也不会撑爆
第6步：用浏览器注释功能微调页面细节
Codex 内置浏览器注释功能，小白特别友好：
直接在预览页面上点击你觉得不好看的地方，添加注释 比如，把配色改成暖色，就直接点击对应的区域做批注。
告诉 Codex「帮我解决注释的问题」
它会精准定位到对应代码去修改
比凭空描述「第三个按钮颜色改一下」要精准得多。
第7步：Git 存档与版本回退（保命技巧）
每次大改之前，先让 Codex 做一次 Git 存档，相当于游戏里的「存档点」。
存档提示词：
将当前改动保存为 git 版本，保存信息为「修改配色」
如果碰到权限拦截，临时把权限改为「完全访问权限」，让它重试后改回来。
需要回退时有两种方法：
还能找到对话 → 直接点底部的「撤回」 步骤太多撤不回 → 让 Codex 列出所有 git 版本，把你想要的版本 ID 复制给它，让它回退
📎 完整 Git 入门教程在教程文档的配套文档中。
第8步：接入高德地图 API，实现真实地图功能
提示词：
我想接入高德地图 API，实现地图选房功能，请一步步教我怎么操作
跟着 Codex 的引导一步步操作，最后把在高德申请的密钥发给 Codex，它会帮你完成配置。地图从此变成真实可拖动、可缩放的功能页面。
其他 API（如百度地图、天气 API 等）同理，都可以让 Codex 引导你完成对接。
第9步：随时引导纠偏，别等它跑完再说
Codex 跑一次可能要半小时，跑偏了重来很浪费。
发现方向不对，不用等它跑完：
直接在对话框输入新的补充提示词 选择「引导」模式 新指令会及时介入，让代码往正确方向跑
Vibe Coding 的核心不是你懂多少代码，而是需求说清楚，跑偏及时拉回来。
第10步：通过 MCP 连接云端数据库（Supabase）
本地调试用的数据库无法上线，需要在云端建好对应的数据表。
在 Supabase 注册并新建项目，保存好密钥
 |  |
在 Supabase 的 MCP 设置里，选择 Codex 客户端，复制配置指令
把指令发给 Codex，它会提示你提供链接和密钥
提供后，Codex 通过 MCP 自动完成数据库初始化，建好所需的数据表。回到 Supabase 后台，就能看到 Codex 建好的表了。
第11步：代码部署上线（GitHub + Vercel）
整体流程：
本地代码 → 上传 GitHub → Vercel 拉取代码 → 网站上线 ✅
详细步骤：
在 GitHub 新建一个空仓库，把仓库地址发给 Codex
让 Codex 把代码推送到 GitHub（第一次使用需配置 SSH Key，让 Codex 引导你操作）
 |  |
 |  |
在 Vercel 新建项目，选择「从 GitHub 仓库导入」，选中刚才的仓库
 |  |
点击部署，上传 Codex 准备好的 .env.local 配置文件（Codex 会把文件路径复制到剪贴板，直接粘贴找到文件即可）
Vercel 完成部署，进入项目后台找到访问地址
🎉 网站正式上线！ 所有人都可以通过链接访问。（PS：国内访问不稳定，魔法可以顺利打开）
📎 3D 看房项目地址：https://3dkanfang.vercel.app/
写在最后
那以上就是所有内容了～
Codex最近也是在疯狂更新功能，比如刚上新的远程控制，真的是越用越香。推荐大家都用起来！
本期教程文档链接：
https://ycnezwebj31p.feishu.cn/docx/PO8kdq5DToPFN4xObCTcWcsqnFg?from=from_copylink
这里是Xuan酱，我们下次见，88。
