上一篇,我们让 Codex 做出了一个塔罗网页。
周五快下班了,你准备写周报。聊天记录翻一遍,日历翻一遍,这周做过什么反而想不全。
你想做一个工作记录助手:每天随手记几条,周五自动按日期整理成周报草稿。
同样一句“帮我做个工作记录助手”,AI 有时只生成一个文件,有时却建出一串文件夹,还要安装很多东西。
两种方案都能跑起来,后面改起来却不是一回事。
vibe coding 省掉了手写代码,没有省掉技术选型。

一、技术栈是什么
做一个工具,AI 要先决定几件事:
• 页面用什么方式写 • 数据存在哪里 • 要不要登录 • 要不要跨设备同步 • 要不要读取其他软件的数据 • 怎么让别人打开
这些技术组合在一起,就叫技术栈。
你不用背框架名。先把工具准备怎么用说清楚,AI 才知道该选简单方案,还是给项目加上数据库、账号和服务器。
够用就行。多出来的技术,最后都要维护。
二、同一个工作记录助手,可以有三种做法
只在自己电脑上用
你的需求是:
• 用浏览器打开 • 只有自己使用 • 不注册账号 • 不跨设备同步 • 每天记录完成事项、遇到的问题和明天要做的事 • 周五按日期整理成周报草稿
这种工作记录助手,一个 .html 网页文件通常就够了。记录先存在当前浏览器里,周五再按固定格式拼成一份周报。再加一个导出备份按钮,清理浏览器数据时也不至于全丢。这一版不用数据库。
对这种需求,大型框架、数据库和服务器只会多出一堆暂时用不到的文件。
在手机和电脑上都能用
你想在上班路上用手机记一条,到了公司再用电脑接着写。
记录不能再只放在某一台电脑里。工具需要登录功能、数据库和后端,让手机与电脑读取同一份记录。
“换台设备还能看到”这句话,就会让技术方案多出几层。
自动读取日历和待办
如果你连手填都嫌麻烦,还想让工具自己读取日历、待办事项,再让 AI 整理周报,它得多接几样东西:
• 其他软件提供的数据接口和账号授权 • 调用 AI 模型的服务 • 保护工作内容的权限和隐私设置
API 是软件之间交换数据的接口。对方没有提供接口,或你的账号没有权限,AI 也不能凭一句话把数据读出来。
同样叫工作记录助手,需求每多一层,技术才跟着多一层。

三、让 AI 先问,再选
我不建议你直接说“用最好的技术栈帮我做”。这个问法看着省事,却把最难的判断全交给了 AI。
换成下面四类信息,它的判断会稳很多:
1. 在哪里用:电脑浏览器、手机浏览器,还是要安装的应用 2. 谁来用:只有自己、几位熟人,还是公开给很多人 3. 要记住什么:不用保存、只存本机,还是登录后跨设备同步 4. 有什么特殊功能:读取日历、处理文件、调用 AI、支付或消息提醒
你还没想清楚的部分,不要让 AI 默默替你决定。让它先问。
四、把这段交给 Codex
下面这段可以直接复制。把工作记录助手和使用场景换成你自己的需求就行。
我要做一个工作记录助手。使用场景:- 在哪里用:先在电脑浏览器里使用- 谁来用:只有我- 数据怎么保存:不登录、不联网、不跨设备同步,记录保存在当前浏览器里,并且可以导出备份- 核心功能:每天记录完成事项、遇到的问题和明天要做的事;可以按周查看,并整理成方便复制的周报草稿- 特殊功能:暂时不读取日历和其他软件,不调用 AI 模型- 当前目标:先做一个能稳定使用的最小版本请先不要写代码,先完成技术选型:1. 信息不足时,先问我问题,最多问 5 个2. 只推荐一套当前最合适的方案,不要一次给我多套选择3. 优先选择简单、成熟、资料多、仍在维护的技术4. 用日常说法解释每项技术负责什么5. 说明哪些技术现在不需要,以及为什么6. 如果需要第三方服务,说明是否收费、是否要注册,以及数据会存在哪里7. 涉及账号、支付或个人资料时,先说明安全和隐私风险8. 等我确认后,再开始写代码你没有替 AI 点框架名,只把选择范围收紧。技术会跟着需求走。

五、选好以后,把决定留下来
你确认方案后,再对 Codex 说:
技术方案确认。请把选型结果写进工作区里的“技术选型.md”。记录以下内容:- 选择了哪些技术- 每项技术负责什么- 哪些技术暂时不用- 出现什么新需求时,才需要重新评估以后修改这个项目前,先读取这份文件。没有说明原因,不要随意增加新的框架和服务。这份文件会告诉 AI,当初为什么这样选,出现什么新需求才值得换方案。它可以继续写代码,不用每次重新猜项目该往哪里走。
你前面学过的 Markdown,也在这里成了 AI 会反复读取的项目记录。
下一步
按照这篇的示例,你做出来的是一个只在自己电脑上打开的工作记录助手。
等你想在手机上也打开它时,会碰到下一个问题:它还只是电脑里的一个文件,没有一个能直接访问的链接。
下一篇就做这一步:把本地网页放到网上,让手机和其他电脑也能打开。
夜雨聆风