最近在看村上春树的《挪威的森林》,vibe coding 做了一个这本书的网站,欢迎试玩
norwegian-wood.lovable.app亮点是加入了主角群聊对话功能,可以和书中角色进行聊天(用的是 gemini 2.5 pro api,aistudio 可免费获取
web.okjike.com)。
群聊功能设定:
1. 每个人都是用 gemini 基于整本书设定详细人设
2. 可选择是否共享上下文(开启为群聊,关闭则每个角色单独回复)。
3. 群聊过程中可 @指定角色单独回复
4. 可开启“加入整本小说为上下文”,让角色回复更贴近原著经历和口吻
制作流程:
1. 先用 loveable 搭建前端页面和代码框架。
2. 导出代码到 cursor,完善后续开发。
先配置项目规则和上下文
- 用/Generate Cursor Rules生成 Cursor 规则
- 导入 API 文档和ai共创的需求 PRD
- 整理 Notepads(放一些任务规划、开发规范、实践总结)
- 准备相关 MCP
- 准备相关开源项目参考
3. 用豆包浏览器导出 B 站关于本书的优质解说视频字幕,用 cursor 重新填充页面内容
4. 正式写代码,定期使用 git 和文档管理。遇到难题多搜索资料,测试解决方案