小互 AI 学院
← ChatGPT 客户端实战:Work 做办公,Codex 做工具 第 3 章 · 3.2
课程地图0/12
跟做课28 分钟

现在要解决

把 Work 的项目简报变成可打开的发布进度看板

打开工具,照着完成这一单。一次只做当前动作。每一步都告诉你在哪里操作、应该看到什么,以及看不到时怎么处理。

做完后,你会留下02_Codex成品/发布进度看板/index.html
开始跟做 →5 个学习动作

第 3 章 · 问题 2:方案已经清楚,但还不是能用的工具

怎样让一个完全不会写代码的人,也能把项目简报做成双击可打开、手机上也能读的进度看板?

你负责说清用途、内容和验收;Codex 负责创建文件、写页面、检查和修改。不要先学 HTML,先学怎样把一个本地工具交付出来。

这一单结束后,文件夹里会多出02_Codex成品/发布进度看板/index.html
松果随身杯 · 发布进度7 月 28 日关键任务 4待确认 3预约 1,842

01先确认 Codex 复述的计划没有跑偏

四项不全,就直接补一句纠正,不要抱着“先让它做完再说”的心态。越早纠偏,返工越小。

02整份复制建造任务,让 Codex 一次拿到完整工单

CODEX · 本地进度看板建造任务

现在开始制作本地发布进度看板。

请在 02_Codex成品/发布进度看板/ 创建 index.html 和 README.md。页面只使用一个 HTML 文件,CSS 和 JavaScript 都写在文件内部,不使用外部框架、字体、图片或网络资源,双击 index.html 就能使用。

页面必须显示:项目名称、目标发布日期、下一次检查会、关键数据、负责人和任务、时间线、三项待确认风险、未来 7 天动作。事实只来自已经复核的 Work 成品;待确认事项必须有明显标记。

交互要求:可以按“全部 / 进行中 / 待确认”筛选事项;每个任务有本地勾选状态,刷新后保留。视觉要求:桌面清楚、390px 手机宽度不横向溢出、正文不使用大段巨型黑标题。

README.md 要写清:怎样打开、数据来自哪里、怎样更新内容、怎样人工验收。

完成后请自行检查:文件是否存在、HTML 能否打开、控制台是否有错误、390px 宽度是否横向溢出、所有待确认事实是否仍被标出。发现问题先修正,再汇报创建和检查结果。

03看它怎样从“要求”一路走到“成品”

CODEX · LOCAL PROJECT1 / 5
读取已核验材料

先找项目简报、数据摘要、交接单和交付标准,不从空白猜内容。

› Read 01_Work成品/项目简报.md
› Read Work到Codex交接单.md
✓ 事实底稿已载入

04打开真实文件,不需要懂开发服务器

Mac
  1. 在 Finder 打开 c02-launch-kit
  2. 进入 02_Codex成品/发布进度看板
  3. 双击 index.html
Windows
  1. 在文件资源管理器打开 c02-launch-kit
  2. 进入 02_Codex成品\发布进度看板
  3. 双击 index.html

如果系统询问用什么打开,选择 Chrome、Edge、Safari 等现代浏览器。能直接看到完整看板,说明“单文件、无外部依赖”的要求做对了。

05第一版不用完美,但必须用具体反馈继续改

没法执行的反馈“不够高级,再优化一下。”

Codex 只能猜颜色、布局、字体还是内容哪里不对。

可以直接修改的反馈“手机上风险卡太挤;改成单列,标题缩小,待确认标签放到标题下面。”

说清位置、问题和想要的结果,它就能继续改同一个文件。

CODEX · 第一轮定向修改

请继续修改刚创建的 index.html:把“待确认风险”移到首屏关键数据下面;每一项写清“为什么未确认”和“下一步找谁确认”;在 390px 宽度下所有风险卡改成单列,标题不超过两行。不要改变任何已核验数字。修改后重新检查桌面和 390px,并告诉我具体改了哪些位置。

0 / 5 · 看板还不能交工

官方依据课程只使用本地单文件网页,不要求学员先安装开发工具。
第二种真正的交付出现了Work 交的是办公成品;Codex 已经把这些成品继续做成一个可以直接打开和操作的本地工具。

下一课不急着加更多功能。先学会看改动前后、留下项目规矩,并让检查结果成为交工证据。

下一课:看懂改动、写规则、跑检查 →

最后验收

不要只确认“AI 说做完了”,请打开真实结果检查。

02_Codex成品/发布进度看板/index.html