【生活娱乐】 NovelCraft AI小说编辑器 Demo
1. Demo 简介
NovelCraft 是一款基于 Electron + React 构建的桌面级 AI 小说创作编辑器系统，采用 VS Code 式的专业软件设计理念，将小说创作所需的核心功能整合到优雅的工作环境中。
面向谁：
-
网文作者、网络小说创作者（起点、晋江等平台作者）
-
文学爱好者、业余作家
-
剧本创作者、编剧
-
在校学生（网文创作方向）
主要功能： -
智能章节编辑器 - 类 VS Code 写作体验，富文本编辑，章节树快速切换，大纲视图一目了然 -
人物关系管理 - 角色档案、特质标签、关系网络统一管理，避免设定矛盾 -
时间线追踪 - 可视化时间线面板，自动标记关键情节，确保故事逻辑连贯 -
事件分类记录 - 按情节/人物/世界观分类，关联人物和时间 -
AI 写作助手 - 对话式AI助手，提供情节建议、人物设定、灵感激发 -
文档智能导入 - 支持 TXT/DOCX 导入，自动识别章节结构
产品界面预览：
主界面整体布局截图
- 章节编辑器工作界面
- 人物管理面板
- AI助手对话界面
2. Demo 创作思路
灵感来源： 作为一名资深小说爱好者，我在构思和创作长篇小说时深感痛点——需要同时管理多个人物角色、复杂的时间线、交织的情节线索，传统文档工具无法胜任这种非线性、多维度的创作需求。目前市面上缺乏专门针对中文小说创作的AI辅助工具，因此萌生了打造一款专业AI小说编辑器的想法。
想解决的问题：
人物管理混乱：多个人物信息散落在不同文档中，查阅不便- 时间线混乱：长篇小说中事件先后顺序容易出错，逻辑矛盾难以避免
- 情节碎片化：章节之间的衔接缺乏全局视角，伏笔与回收容易遗漏
- 缺乏AI辅助：现有写作工具没有智能助手功能，创作灵感依赖个人积累
为什么做这个方向：
- 市场空白 ：国内AI小说创作工具尚处于蓝海，缺乏成熟产品
- 用户痛点 ：百万级网文作者群体有强烈的创作辅助需求
- 技术可行 ：Electron + React + AI API 的技术栈已经非常成熟
- 差异化优势 ：相比海外 Scrivener 等工具，更贴合中文写作习惯和网文创作场景
3. Demo 体验地址
交互式HTML体验文件：
NovelCraft-Demo.html (49.4 KB)
包含完整产品介绍、功能展示、设计理念的交互式展示页面，可直接在浏览器中体验。
4. TRAE 实践过程 4.1 开发流程概述
第一步：需求分析与架构设计
-
确定产品核心功能模块（章节编辑、人物管理、时间线、事件、AI助手）
-
技术选型：Electron + React 18 + TypeScript + TailwindCSS
-
设计整体UI布局（参考VS Code三栏布局）
第二步：核心功能开发 -
搭建 Electron + React 项目骨架
-
实现 Zustand 状态管理（小说、章节、人物、时间线、事件）
-
开发章节编辑器组件（富文本编辑、章节树、大纲）
-
开发人物管理模块（角色档案、特质标签、CRUD操作）
-
开发时间线追踪模块（天数管理、关键节点标记）
第三步：AI功能集成 -
集成 AI 助手对话面板
-
实现 AI 写作辅助功能（情节建议、人物设定、灵感激发）
第四步：文档导入功能 -
集成 Mammoth.js 实现 DOCX 解析
-
实现 TXT/DOCX 智能导入
-
自动识别章节结构（支持"第X章"、"一、"等多种格式）
第五步：UI优化与Bug修复 -
深色主题设计优化（护眼模式、配色方案）
-
窗口控制功能（最小化、最大化、关闭、拖拽）
-
响应式布局适配
项目初始化/架构设计截图
-
核心功能开发截图（如编辑器、人物管理）
-
AI 助手集成截图
-
Bug 修复与优化截图 4.3 关键任务 Session ID
（请从你的 TRAE 对话中复制以下关键任务的 Session ID） -
项目初始化与架构设计
- 任务：搭建 Electron + React 项目骨架，设计核心功能模块
- Session ID： .51049532236276:7dd63fc66cc6e61b79d01df3f756a10c_6a139ebae4b7c77d16c1d81a.6a13aa19e4b7c77d16c1d877.6a13aa19e763e8374b62044d:Trae CN.T(2026/5/25 09:47:05)
-
核心编辑器开发
- 任务：实现章节编辑器、章节树、大纲视图
- Session ID： .51049532236276:7dd63fc66cc6e61b79d01df3f756a10c_6a139ebae4b7c77d16c1d81a.6a13aa19e4b7c77d16c1d877.6a13aa19e763e8374b62044d:Trae CN.T(2026/5/25 09:47:05)
-
人物/时间线/事件管理
- 任务：开发三大管理模块，实现CRUD操作
- Session ID： .51049532236276:4be7a0500dacd47ee48823b86048cac0_6a139ebae4b7c77d16c1d81a.6a13b0f3e4b7c77d16c1d9c0.6a13b0f3e763e8374b620450:Trae CN.T(2026/5/25 10:16:19)
-
AI助手集成
- 任务：集成AI对话面板，实现写作辅助功能
- Session ID： .51049532236276:7c836f9b66f32309eace6609ac8a366c_6a139ebae4b7c77d16c1d81a.6a13bc40e4b7c77d16c1dc2c.6a13bc40e4b7c77d16c1dc2a:Trae CN.T(2026/5/25 11:04:32)
-
文档导入功能
- 任务：实现TXT/DOCX导入，自动识别章节
- Session ID： .51049532236276:52e71285d3fda2081fd20a1f19fd980a_6a139ebae4b7c77d16c1d81a.6a13e1aee4b7c77d16c1ddd0.6a13e1aee763e8374b62046b:Trae CN.T(2026/5/25 13:44:14)
-
UI优化与Bug修复
- 任务：修复白屏、按钮无反应、样式优化等
- Session ID： .51049532236276:dbabcad2ca5740724acdea84aab4d8ef_6a139ebae4b7c77d16c1d81a.6a13ba1ce4b7c77d16c1db94.6a13ba1ce763e8374b62045a:Trae CN.T(2026/5/25 10:55:24)
5. 开发心得与经验总结
技术栈选择的思考：
-
Electron 跨平台能力适合桌面级创作工具
-
React 18 + TypeScript 提供类型安全的组件开发
-
Zustand 相比 Redux 更轻量，适合中等复杂度应用
产品设计理念： -
参考 VS Code 的专业软件设计哲学
-
深色主题降低眼睛疲劳，适合长时间写作
-
模块化的面板设计，用户可按需展开
踩过的坑： -
Electron 预加载脚本配置问题
-
React 状态管理的异步更新时机
-
DOCX 文档解析的兼容性处理
未来优化方向： -
增加云同步功能，多设备协作
-
引入更强大的本地AI模型（Ollama集成）
-
添加小说世界观设定模块
-
支持章节拖拽排序的可视化操作
6. 报名信息
- 赛道： 生活娱乐
- 作品名称： NovelCraft · AI小说编辑器
- 报名帖链接： 【生活娱乐】AI 小说编辑器——填写主要想法和内容，让ai助理写小说）想让更多脑子里面有想法的人，可以通过这个快速写出一篇小说来。