学习与实验 / 图解与学习资料

Codex 工作流图解

围绕 AI 编程协作整理的图解生成脚本,用于将任务目标、项目上下文、执行动作和结果检查放进流程图。公开包保留三个生成与渲染脚本,需要先生成图源;不含现成图片、原图源和第三方字体。图示记录个人理解,产品功能仍以实际版本为准。

本地运行Excalidraw浏览器待验证

01它能帮你做什么

✓生成 Excalidraw 图源
✓浏览器渲染脚本
✓流程内容可编辑
✓上下文与验证要点整理
使用前准备
  • Python
  • 阅读生成图源时使用兼容的 Excalidraw 工具
  • 渲染图片另需 Playwright、Chromium 及对应资源

02从这里开始

  1. 生成图源

    在解压目录运行生成脚本,先获得可编辑场景文件。

    python generate_scene.py
  2. 阅读与编辑

    将生成文件导入兼容的绘图工具,顺着箭头阅读任务目标、上下文、执行与检查;根据自己的流程修改。

  3. 按需渲染

    render_scene.py 另需 Playwright、Chromium 并访问 excalidraw.com;render_custom.py 还需按包内说明提供 rough.js 和字体资源。

  4. 对应实际任务

    以一次小改动记录目标与验收条件,完成后比较图示与实际过程,补充遗漏的检查步骤。

打开独立使用指南 ↗

03用一个例子看明白

为示例网页修改按钮文案

以下为虚构数据与预期操作示例,用于理解流程,不代表真实业务执行结果。

查看完整案例 ↗

案例使用示例或虚构数据,用于说明流程,不代表真实业务效果。

04获取文件

选择需要的文件。固定版本保留原始内容,可用校验值确认下载完整性。

codex-guide-2026.10.22-source.zip
源码包 · 2026.10.22 · 10 KB
下载 ↓
查看 SHA256 校验值7a253a4d03615a6b5bcdb41c23050bc15eb9a6805b15720f07e8cb16b708e299

场景生成无需第三方依赖;浏览器渲染依赖已补充。未分发第三方字体与绘图库,离线自定义渲染需自行配置;界面位置可能随产品版本变化。

05你可能会遇到的问题

这是官方产品手册吗?

不是,这是个人整理的工作流学习资料。

图上功能与当前界面不同怎么办?

以当前产品与官方说明为准,图源可以复制后更新。

06适用范围与当前限制

  • 产品功能与界面可能随时间变化。
  • 资料不包含可共享的账号配置或授权凭据。
本页资料整理于 2026-10-22。这不是运行兼容性验证日期。下载包有完整性校验;依赖外部系统的真实操作,请按所需权限和环境使用。
Keep exploring

也许你也会用到

Codex 工作流图解获取工具 ↗

找一个工具,或一个答案

输入关键词,搜索项目、教程和案例。

项目 · 使用指南 · 案例Esc 关闭