Codex Guide.
Begin
AI SHARE · 2026.05.30

设计师如何使用 Codex提升效率

把入口、安装、基础设置、插件和远程控制串成一份完整的网页演示稿。图片继续按原 PPT 每页锁定,排版按参考网站的整站节奏重排。

https://codexguide.ai/
Open
ChatGPTCodexGuideDesign
Content Map
02 / 28
What We Will Cover

本次分享 目录

按照原 PPT 的讲解路径,把 Codex 从安装入口、基础配置、权限设置到插件远程控制分成四段,便于听众先建立完整路线。

PART 01START

起步与入口

  1. 03Codex 下载与安装
  2. 04两种不同的使用方式
  3. 05购买国内 API 节点
Pages 03-05
PART 02SETUP

基础配置

  1. 06基础界面与登录状态
  2. 07代理环境变量
  3. 08自定义端口处理
  4. 09项目化对话
Pages 06-10
PART 03CONTROL

权限与设置

  1. 10套餐额度说明
  2. 11设置入口与页面
  3. 12完全访问权限
  4. 13功能开关打开
  5. 14电脑与浏览器控制
Pages 11-16
PART 04EXTEND

插件与远程

  1. 15插件和自动化入口
  2. 16插件、技能与自动化策略
  3. 17安装小红书技能商店
  4. 18调出插件
  5. 19手机远程控制
  6. 20实操技能与结尾建议
Pages 17-27
起步与入口
03 / 28
Download Setup

Codex 桌面应用程序 下载与安装

入口、系统下载、安装和账号登录压成四个轻标签,页面重点交给固定截图,像参考网页的产品入口区。

01

打开入口

chatgpt.com/codex/cloud
02

选择系统

页面中央下载按钮
03

安装 App

桌面端开始使用
04

账号登录

ChatGPT / OpenAI 账号

本页固定图片:原 PPT 第 2 页截图,完整保留并放大成主视觉。

Codex 下载页面截图
起步与入口
04 / 28
Two Ways To Start

两种不同的 使用方式

01 Plus

没有 Visa 卡时,可以通过 Google 支付或手机端方案处理,适合作为最稳的主路径。

02 国内 API

作为另一条路,后续会接到 API 节点配置页。复杂度更高,部分能力可能受限。

Plus 订阅METHOD 01

正规 Plus 充值

Plus 充值截图
https://pay.ldxp.cn/shop/binai优先推荐
移动支付METHOD 01B

Google / 手机支付

手机支付截图
补充路径
起步与入口
05 / 28
API Access

购买国内 API 节点

Chapter Divider
06 / 28
PART 02

基础配置

从界面入口、代理变量、端口到项目化对话,把 Codex 调整成更稳定的工作状态。

SETUP FLOW
基础配置
07 / 28
Interface Tour

基础设置 界面认知

功能栏、项目栏、对话记录这些核心区域,用四张固定截图做成入口导航区。

A

主界面

B

新对话

C

项目栏

D

记录入口

基础配置
08 / 28
Proxy Setup

安装后第一步 设置

原 PPT 的重点不是截图本身,而是 `.env` 里的四行代理变量。页面用命令说明加固定图片来承载。

代理设置截图 1
代理设置截图 2
.codex /.env
HTTP_PROXY=http://127.0.0.1:7890
HTTPS_PROXY=http://127.0.0.1:7890
ALL_PROXY=http://127.0.0.1:7890
NO_PROXY=localhost,127.0.0.1

默认端口是 `7890`,如果你改过代理端口,只替换数字部分即可。

保存后重新进入项目或重开对话,代理通常就会正常生效。

基础配置
09 / 28
Port Variant

不同端口也能 同样处理

端口提示01
端口提示截图
port from dialogue
$env:all_proxy=http://127.0.0.1:17891

HTTP_PROXY=http://127.0.0.1:17891
HTTPS_PROXY=http://127.0.0.1:17891
ALL_PROXY=http://127.0.0.1:17891
NO_PROXY=localhost,127.0.0.1

端口号直接从你当前代理里抄出来,不需要手动猜。

只要把对话里出现的端口替换进这四行 `.env` 配置,其他写法保持不变,就能按同样方式处理。

基础配置
10 / 28
Project Threads

尽量在项目下 对话

长时间在同一个对话框里持续对话,容易出现思考很久的体感。更稳的做法是按项目开新线程。

Chapter Divider
11 / 28
PART 03

权限与设置

把额度、设置入口、完全访问权限和控制能力梳理清楚,让真实项目能顺畅接入。

CONTROL LAYER
权限与设置
12 / 28
Quota View

基础功能 套餐用量

这一页只有一张固定图,所以直接做成中心主图页,旁边只保留最必要的额度解释。

套餐用量截图
5 小时内额度

5 小时内额度用完,就需要等下一轮刷新。 一周的额度通常按周维度重置。

权限与设置
13 / 28
Settings Entry

从左下角进入 设置界面

一张是入口菜单,一张是设置页本体,用“入口到页面”的顺序排开。

Step 01Menu

设置入口

设置入口截图
Step 02Page

设置页面

设置页面截图
权限与设置
14 / 28
Full Access

常规权限 全部打开

这一页强调“完全访问权限”这件事本身,所以左右各保留一张固定图,中间不再塞复杂文案。

PermissionA
权限截图 1
PermissionB
权限截图 2
权限与设置
15 / 28
Feature Toggles

基础设置 打开

单图信息页,保持大图占比,让听众一眼知道要打开的是哪一块。

设置开关截图
权限与设置
16 / 28
Control Layer

电脑控制与浏览器控制 全部打开

这一页固定图更适合做双卡对照,直接把浏览器控制和电脑控制分成两个大块。

BrowserON

浏览器控制

浏览器控制截图
ComputerON

电脑控制

电脑控制截图
Chapter Divider
17 / 28
PART 04

插件与远程

进入插件、技能商店、快捷调用和手机远程控制,把 Codex 扩展成可持续复用的工作流。

EXTEND SYSTEM
插件与远程
18 / 28
Plugin Hub

插件和自动化 功能入口

主要插件就这几个,也可以自己创建技能或从网上安装。固定图用“入口页 + 插件卡片页”的组合来承接。

插件与远程
19 / 28
Plugin Strategy

插件、技能与自动化 怎么选

这一页不重复解释入口,而是用同一组固定图切换到使用策略:先装常用,再按任务加能力。

插件策略截图 1
插件策略截图 2
插件与远程
20 / 28
RedSkill Store

安装小红书 技能商店

这一页保留“先检查是否安装商店”的提示,把桌面文件夹图和安装引导图组合成轻流程。

Folder01

技能目录

技能目录截图
Install02

安装商店

安装引导截图

先检查,再安装

按提示检查 Red Skill 商店是否已存在,再根据安装文档继续处理,不需要盲装。

插件与远程
21 / 28
Plugin Shortcuts

@、$ 与快捷方式 调出插件

这一页有 3 张固定图,最适合做参考网站里的产品卡矩阵:一张讲入口,两张讲调用方式。

插件与远程
22 / 28
Remote Control

电脑控制 通过手机远程操作

一张桌面端,一张手机端,让这个功能更像参考网站里的配套入口展示页。

DesktopPC

桌面端入口

手机控制桌面截图
PhoneMOBILE

手机端联动

手机端联动截图
Chapter Divider
23 / 28
PART 05

实际操作

前面的安装、配置、权限和插件都只是准备动作,真正让 Codex 发挥价值,还是把真实任务、真实素材和真实目标一起交给它处理。

REAL WORKFLOW
实际操作
24 / 28
Practice Setup

本次演示会用到的 技能和插件

先把技能库和控制插件准备好,后面演示就不是单纯聊天,而是让 Codex 直接接管真实素材、浏览器和本地文件。

当前个人 skills 目录里存在的技能

重点会用到生图、主图、详情页、技能商店和字体设计这些能力。绿色标记的是这次演示更可能直接调用的部分。

技能目录名用途描述
api-image-generation通过 OpenAI-compatible 中转 API 生成图片
doubao-api调用火山方舟 / 豆包 Seedream API 生成并保存本地图片
ecommerce-main-image-prompts写、改、诊断电商主图和参考图提示词
find-redskills小红书 RedSkill 商店搜索技能和安装入口
generate-detail-page生成 10 屏电商详情页 AI 图片提示词
gpt-image-2-style-libraryGPT-Image2 风格库与工业提示词模板
gpt-main-image-generation电商主图完整工作流:需求分析、提示词、生成和迭代
sxtex中文手写标题字体设计生成
web-design-engineer高质量 HTML / CSS / React 视觉网页文件

使用到插件

\\渲染a组金宏文\渲染A组金宏文\金宏文\codex插件

Computer UsePLUGIN

电脑操控要提前打开

电脑操控插件设置截图
实际操作
25 / 28
Computer Control

电脑控制 打开 C4D

这一页演示的是让 Codex 直接控制桌面应用:从一句需求开始,调出电脑控制工具,打开 C4D 并继续推进真实软件里的任务。

Prompt01

一句话说明目标

先告诉 Codex 要打开桌面的 C4D,并做一个简单的三阶魔方动画。关键是把目标讲清楚,而不是自己一步步点。

电脑控制对话结果截图
Desktop02

让它进入真实桌面

电脑控制打开后,Codex 可以识别桌面、应用窗口和按钮,再继续执行打开软件、运行脚本、检查结果这些动作。

实际操作
26 / 28
Main Image Skill

使用生成主图技能 全自动流程

把需求文档和产品图交给技能后,Codex 会完成提示词、生成、保存和结果检查。我们只需要下好需求,再看最终产物是否符合目标。

Request01

下好需求即可自动执行

示例里直接调用生成主图技能,根据表格和文件夹里的产品图生成主图,并把最终文件保存到本地目录。

生成主图技能执行结果截图
Result02

输出可检查的最终图

生成完成后会给出预览和文件路径。主图、提示词和无文字版本都可以继续作为下一轮修改的基础。

生成主图预览截图
实际操作
27 / 28
Result Check

插件实测三张主图 16 分钟

这一页展示真实跑完后的结果:技能通过浏览器工作流生成 3 张主图,并保存提示词、图片链接和本地文件。

Main Image Result
16min

插件实测三张主图约 16 分钟完成,消耗约 5 小时额度的 15% token。适合把重复的主图产出流程交给 Codex 执行。

生成数量3 张主图输出文件PNG + prompts.md验证尺寸1254 x 1254
PreviewGenerated Main Images
生成主图三张预览截图
实际操作
28 / 28
Takeaway

Codex 有很多
意想不到的
使用方法

把它当成项目搭子,而不是一次性问答工具。你越愿意把真实工作丢进去,它越容易变成真正的生产力。

← → 翻页 · 滚轮切换 · 第 2 页卡片可点击