线上地址： https://history-echoes.umiko.moe/

项目地址： https://github.com/umitsurumi/history-echoes

起因是国庆期间和朋友玩的历史角色猜谜游戏，感觉这东西很适合让 AI 来生成谜题。但鉴于自己是个瓜皮 java ，所以也正好拿来作为 vibe code 的一次实践。

vibe code 的流程上大致是这样的：

1. 叙述大致需求，并与 AI 讨论，明确细节和技术栈，形成具体文档。
2. 使用 1 形成的文档，与 AI 讨论，整理为 UI/UX 的文档。
3. AI 以 UI/UX 设计稿实现前端页面（ mock 后端数据）。
4. 后端表结构设计和测试数据初始化，并更新技术文档。
5. AI 实现后端逻辑和前后端的对接，移除先前的 mock 数据。
6. 对接 wiki api 和 LLM api ，实现 rag 流程。
7. bug 修复和优化。

技术栈是 nextjs + prisma + postgresql ，部署通过 cloudflare （国内访问加速） + vercel （应用部署） + neon （ pg 云数据库） 解决的。

大体上的 code 工作都是 AI 完成的，使用的是 vscode + roo code 插件 + deepseek 。和 AI 的讨论就是用的可以预设 prompt 的客户端，比如 UI/UX 和需求确定的时候使用不同的角色扮演 prompt 。

不得不说 deepseek 是真便宜，搞下来才花了 5 块钱，不过这个小游戏本来也不复杂就是了。