实战案例库
实战案例库
这里收集可复现、可改写、可迁移到真实工作流里的 Codex 使用案例。当前版本已收录 13 个案例，覆盖 Skill、MCP、浏览器自动化、知识库、设计稿、团队协作、远程排障和 CI 自动修复。
当前案例概览
| 类型 | 已收录案例 | 适合学习什么 |
|---|---|---|
| 内容生产与表达 | PPT Skill、Draw.io MCP、HyperFrames | 把一句话需求转成演示文稿、架构图和动画视频 |
| 知识库与个人工作台 | Obsidian、LLM Wiki、Notion MCP | 在笔记、Wiki、知识空间中组织资料和生成内容 |
| 浏览器与前端自动化 | Playwright MCP、Chrome 浏览器插件 | 让 Codex 操作网页、检查页面、执行浏览器任务 |
| 设计与协作平台 | Figma MCP、飞书 CLI | 读取设计稿、处理飞书数据、连接团队工具 |
| 发布与工程运维 | DKFile、云服务器远程修 Bug、GitHub Actions CI 修复 | 从本地/远程环境到自动修复流程的完整闭环 |
13 个案例清单
| 编号 | 案例 | 核心场景 | 推荐入口 | 验证重点 |
|---|---|---|---|---|
| 01 | Codex × PPT Skill：一句话生成演示文稿 | 用 Skill 生成 PPT 初稿 | 桌面 App / Skills | 结构、视觉一致性、导出效果 |
| 02 | Codex × Draw.io MCP：AI 自动绘制架构图 | 通过 MCP 生成架构图 | App / MCP | 图形层级、节点关系、可编辑性 |
| 03 | Codex × Playwright MCP：让 AI 操控浏览器 | 用 Playwright 驱动浏览器操作 | App / MCP | 点击路径、页面状态、截图结果 |
| 04 | Codex × HyperFrames：用代码生成动画视频 | 生成可视化动画视频 | App / CLI | 动画脚本、渲染结果、素材路径 |
| 05 | Codex × Obsidian：在知识库中自动生成配图 | 在本地笔记库中调用 Codex | CLI / Obsidian | 文件路径、图片生成、笔记引用 |
| 06 | Codex × 飞书 CLI：一句话处理飞书数据 | 处理飞书多维表格或协作数据 | CLI | 应用凭证、字段映射、写回权限 |
| 07 | Codex × LLM Wiki：在 Obsidian 中搭建 AI 知识库 | 构建 AI 主题知识库 | Obsidian / CLI | 目录结构、引用来源、更新流程 |
| 08 | Codex × Figma MCP：读懂设计稿 | 读取设计稿并辅助实现 | MCP / IDE | 设计 token、布局还原、组件边界 |
| 09 | Codex × Notion MCP：打通知识空间 | 连接 Notion 做知识管理 | MCP | 数据库权限、页面结构、同步范围 |
| 10 | Codex × DKFile：网页一键发布到公网 | 快速发布静态网页 | CLI / API | 构建产物、上传结果、访问地址 |
| 11 | Codex × 云服务器：远程定位并修复 Bug | 在远程容器里排查 Python 报错 | CLI / Remote | 连接方式、复现命令、修复验证 |
| 12 | Codex × Chrome：让 AI 直接控制浏览器 | 通过浏览器插件执行网页任务 | Browser Plugin | 页面可见状态、动作确认、安全边界 |
| 13 | Codex × GitHub Actions：CI 失败自动修复 | CI 失败后自动触发 Codex 修复并开 PR | GitHub Actions | 权限配置、失败提交、测试通过、PR 内容 |
怎么选择先看哪个
如果你刚开始看实战案例，建议按目标选：
- 想快速看到效果：先看 PPT Skill、Draw.io MCP、DKFile。
- 想学习 MCP：先看 Playwright MCP、Figma MCP、Notion MCP。
- 想把 Codex 放进知识工作流：先看 Obsidian、LLM Wiki、飞书 CLI。
- 想做工程自动化：先看 云服务器远程修 Bug、GitHub Actions CI 自动修复。
- 想理解浏览器控制能力：先看 Playwright MCP 和 Chrome 浏览器插件。
案例成熟度
| 状态 | 案例 | 说明 |
|---|---|---|
| 已形成完整流程 | PPT Skill、Playwright MCP、Obsidian、飞书 CLI、远程修 Bug、GitHub Actions CI 修复 | 有明确安装、使用步骤或完整操作链路 |
| 偏工具接入教程 | Draw.io MCP、Figma MCP、Notion MCP、DKFile、Chrome 浏览器插件 | 重点在接入方式、典型任务和安全边界 |
| 偏场景展示 | HyperFrames、LLM Wiki | 重点展示 Codex 与创作/知识库场景的组合方式 |
每个案例建议补齐什么
后续继续完善案例时，建议统一补齐这些信息：
- 背景：为什么要做这个案例。
- 环境：系统、工具版本、账号权限、依赖。
- 输入：原始 prompt、配置文件或数据源。
- 过程：Codex 做了哪些关键动作。
- 结果：截图、PR、网页地址、导出文件或日志。
- 验证：如何判断案例成功。
- 风险：权限、凭证、外部服务、写回操作、成本和失败场景。
参考来源
案例中涉及的第三方工具、仓库和文章来源统一整理在 参考来源与致谢。