第 3 章 · 问题 2:方案已经清楚,但还不是能用的工具
怎样让一个完全不会写代码的人,也能把项目简报做成双击可打开、手机上也能读的进度看板?
你负责说清用途、内容和验收;Codex 负责创建文件、写页面、检查和修改。不要先学 HTML,先学怎样把一个本地工具交付出来。
01先确认 Codex 复述的计划没有跑偏
四项不全,就直接补一句纠正,不要抱着“先让它做完再说”的心态。越早纠偏,返工越小。
02整份复制建造任务,让 Codex 一次拿到完整工单
现在开始制作本地发布进度看板。
请在 02_Codex成品/发布进度看板/ 创建 index.html 和 README.md。页面只使用一个 HTML 文件,CSS 和 JavaScript 都写在文件内部,不使用外部框架、字体、图片或网络资源,双击 index.html 就能使用。
页面必须显示:项目名称、目标发布日期、下一次检查会、关键数据、负责人和任务、时间线、三项待确认风险、未来 7 天动作。事实只来自已经复核的 Work 成品;待确认事项必须有明显标记。
交互要求:可以按“全部 / 进行中 / 待确认”筛选事项;每个任务有本地勾选状态,刷新后保留。视觉要求:桌面清楚、390px 手机宽度不横向溢出、正文不使用大段巨型黑标题。
README.md 要写清:怎样打开、数据来自哪里、怎样更新内容、怎样人工验收。
完成后请自行检查:文件是否存在、HTML 能否打开、控制台是否有错误、390px 宽度是否横向溢出、所有待确认事实是否仍被标出。发现问题先修正,再汇报创建和检查结果。
03看它怎样从“要求”一路走到“成品”
先找项目简报、数据摘要、交接单和交付标准,不从空白猜内容。
› Read 01_Work成品/项目简报.md › Read Work到Codex交接单.md ✓ 事实底稿已载入
04打开真实文件,不需要懂开发服务器
- 在 Finder 打开 c02-launch-kit
- 进入 02_Codex成品/发布进度看板
- 双击 index.html
- 在文件资源管理器打开 c02-launch-kit
- 进入 02_Codex成品\发布进度看板
- 双击 index.html
如果系统询问用什么打开,选择 Chrome、Edge、Safari 等现代浏览器。能直接看到完整看板,说明“单文件、无外部依赖”的要求做对了。
05第一版不用完美,但必须用具体反馈继续改
Codex 只能猜颜色、布局、字体还是内容哪里不对。
说清位置、问题和想要的结果,它就能继续改同一个文件。
请继续修改刚创建的 index.html:把“待确认风险”移到首屏关键数据下面;每一项写清“为什么未确认”和“下一步找谁确认”;在 390px 宽度下所有风险卡改成单列,标题不超过两行。不要改变任何已核验数字。修改后重新检查桌面和 390px,并告诉我具体改了哪些位置。
0 / 5 · 看板还不能交工
下一课不急着加更多功能。先学会看改动前后、留下项目规矩,并让检查结果成为交工证据。
下一课:看懂改动、写规则、跑检查 →最后验收