分类 杂谈 下的文章

VS Code + RooCode插件 + DeepSeekAPI,让不懂网页开发的小白两天完成网页开发

薯子的互动剧本网

如上所述,我向AI描述了我的想法

生成一个网站,用户打开网站后会加载一个随机的剧本,可能是恋爱/悬疑/狗血/魔法/科幻等类型。网站描述一个大致的场景,并给出分支选项,用户可以通过一定次数的选择达到一个goodend或者badend的分支结局,达到结局后,可以选择1.生成小说整理整个对话流程为一个短篇小说便于分享2.开启新的剧本,通过调用硅基流动中的免费模型来完成剧本生成与情节发展,简短描述一下大致实现方案,我来看下有什么优化的地方(不描述代码实现)
次数不应该是固定的,可能3次就达到了Good end,也可能10次走向了一个bad
end,控制最高10次,但是结局分支与次数不固定,不同分支的长度也不一定,相当于增加随机性
帮我把整个方案精简描述为一个方案提示词

然后复制提示词:

生成一个互动剧本网站 项目核心
创建互动剧本网站,用户每次访问获得随机类型剧本(恋爱/悬疑/狗血/魔法/科幻),通过分支选择推进动态长度剧情(2-10步),达到多样结局(GoodEnd/BadEnd)。结局后提供短篇小说生成和新剧本功能。

技术栈 前端:纯静态部署(Vite + Vue.js/React),浏览器端状态管理

后端:极简API服务(FastAPI/Flask),仅处理AI调用

存储:仅浏览器LocalStorage临时缓存,无服务器数据库

部署:前端Vercel/Netlify静态托管 + 后端简单云函数

核心流程 动态剧情长度:AI控制自然结束点,最大10步限制,实际长度可变(2-10步)
智能结局判定:结合关键选择+剧情节奏+错误累积,非固定步数触发 多维度分支:同一开头可发展出不同长度、不同结局的剧情路径

用户访问 → 随机剧本类型 → AI生成初始场景 → 浏览器存储当前会话 → 分支选择(最多10步)→ AI动态推进 → 达到结局 →
选项1: AI生成短篇小说(可下载) 选项2: 重新开始(清空状态)

服务器端仅保留功能 AI代理API:转发请求到硅基流动模型

轻量缓存:内存缓存最近生成的剧本片段(重启丢失)

频率限制:防止滥用,按IP简单限制

浏览器端承担 完整会话状态:当前剧本、历史选择、步数

临时持久化:刷新页面可恢复(LocalStorage)

小说生成缓存:已生成小说本地保存

发送给RooCode,RooCode进行方案计划及代码实现,最终完成了这个网站。