一句话看懂
一款专为游戏剧情策划、互动小说作者设计的静态网站工具,集成大纲、节点流程图、章节Markdown编辑器、笔记悬浮窗等功能。支持多模块协同编辑,帮助创作者高效规划和管理复杂剧情结构。


目标用户:游戏剧情策划、互动小说作者、视觉小说制作者、TRPG主持人、小说写作爱好者




功能亮点
- 大纲页面:层级树结构管理章节与场景,支持新建、编辑、删除节点
- 节点流程图:可视化展示剧情分支与连接关系
- 章节Markdown编辑器:全屏编辑,支持工具栏、预览、右侧面板展示场景列表与目录
- 笔记悬浮窗:可拖拽缩放,Ctrl+7快速新建,关闭保留数据,列表页管理
- 右键菜单:章节节点右键弹出编辑/删除菜单,删除需确认
- 设置系统:可调节字体大小、紧凑模式、自定义主题色
- 移动端适配:UA检测自动跳转提示页,支持强制访问桌面版
- 多语言支持:内置i18n国际化
- 屏幕截图 2026-06-24 2248572548×1353 116 KB
- 节点流程图
需求 / 使用场景
- 游戏剧情策划需要可视化工具梳理复杂分支剧情
- 互动小说作者希望有专用编辑器替代通用文档工具
- 创作者需要大纲与详细内容分离编辑并同步展示
- 用户需要临时记录灵感并方便回顾,而非永久删除
- 团队协作时需清晰区分章节正文与大纲细节
- 创作者希望工具免费且无需复杂配置
- 是什么:静态网站
- 面向谁:游戏剧情策划、互动小说作者、视觉小说制作者、TRPG 主持人、小说写作爱好者

痛点洞察
- 传统思维导图或画板工具收费或不完全免费
- 通用文档工具缺乏剧情专用结构(如节点、分支)
- 大纲与详细内容编辑入口分离导致同步困难
- 笔记功能常被设计为永久删除而非临时关闭
- 设置项(如字体大小)因CSS继承问题无法全局生效
- 右键菜单误触删除导致内容丢失
- Demo 体验地址
- TRAE 实践过程
- 附开发关键步骤截图(不少于 3 张);
- 屏幕截图 2026-06-24 2304181659×1097 74.5 KB

可借鉴机会
- 可借鉴其数据双字段设计(detail与markdown分离)用于其他内容创作工具
- 悬浮窗笔记的关闭保留数据模式可应用于灵感收集类产品
- 动态CSS注入解决全局样式覆盖问题的方法可复用
- 右键菜单自定义面板设计可提升桌面应用交互体验
来源信息
- 作者:用户55926
- 赛道:学习工作
- 原帖链接:https://forum.trae.cn/t/topic/44017