VersaBot-AI一个面向 AI 学术科研工具的开源 UI 与应用基础设施Open-source UI and infrastructure for AI-powered academic research tools.在线演示 项目简介文达AI科研助手是一款基于人工智能的智能化科研写作平台采用现代化的分屏布局设计集成CKEditor 5富文本编辑器为用户提供从大纲生成到全文撰写的完整科研写作解决方案。Gitee 下载代码GitHub 下载代码✨ 核心特性三步完成科研输入题目 → 编辑大纲 → 下载全文现代化UI设计采用分屏式布局响应式设计支持全设备适配️富文本编辑集成CKEditor 5支持Markdown语法和实时预览智能大纲生成AI自动生成二级/三级大纲支持自定义调整自动保存每30秒自动保存草稿防止内容丢失全平台支持完美适配桌面、平板、手机等设备使用流程步骤一输入文章题目填写科研基本信息包括科研类型、专业学科、科研题目、学历层次、大纲详细程度和预期字数等参数。功能特点 8种科研类型选择科研助手、期末范文、课程范文等 4个学历层次专科、本科、研究生、博士 灵活的字数设置8000-50000字 二级/三级大纲选择步骤二编辑大纲查看和修改AI生成的科研大纲使用CKEditor 5富文本编辑器进行精细化编辑。功能特点✨ 智能生成完整科研大纲结构富文本编辑标题、粗体、列表、表格等 实时字数和字符数统计自动保存草稿功能支持导出HTML格式一键重置内容步骤三下载文章查看生成状态下载完整科研及相关资料Word、PDF、PPT等格式。功能特点✅ 实时显示各部分完成状态 多格式下载支持Word、PDF毕业设计全套大礼包答辩PPT自动生成AIGC痕迹降低工具️ 技术栈前端框架HTML5- 语义化结构CSS3- 现代化样式设计JavaScript (ES6)- 交互逻辑核心库CKEditor 5- 富文本编辑器Font Awesome 6- 图标库设计理念响应式设计- 移动优先CSS Variables- 主题色管理Flexbox Grid- 现代化布局 项目结构versabot-ai-paper/ ├── index.html # 主页面 ├── css/ │ └── style.css # 样式文件 ├── js/ │ └── main.js # 脚本文件 ├── screenshots/ # 项目截图 │ ├── step1-input.png │ ├── step2-editor.png │ └── step3-download.png ├── README.md # 项目说明 └── LICENSE # 开源协议 快速开始方式一直接打开# 直接在浏览器中打开 index.htmlopenindex.html方式二本地服务器# 使用Python启动本地服务器python-mhttp.server8080# 访问 http://localhost:8080方式三VS Code Live Server# 安装Live Server插件# 右键 index.html - Open with Live Server 设计规范色彩系统--primary:#0d5c63;/* 主色调 - 深青绿 */--primary-light:#148a8a;/* 浅色变体 */--primary-dark:#0a4a50;/* 深色变体 */--primary-bg:#e8f4f5;/* 背景色 */--secondary:#1aaba8;/* 辅助色 */布局设计侧边栏宽度320px桌面端主内容区自适应剩余空间卡片圆角8px - 16px阴影层次3级阴影系统响应式断点/* 桌面端 */media(min-width:1025px){...}/* 平板端 */media(max-width:1024px){...}/* 移动端 */media(max-width:768px){...} 功能详解1. 分屏式布局采用左侧固定宽度320px步骤导航 右侧动态内容区域的设计符合F型阅读模式减少页面滚动保持上下文可见性。2. 卡片式工作区每个步骤使用可折叠卡片组织完成步骤后卡片收起并显示关键信息当前步骤卡片展开提供完整操作界面降低认知负荷。3. CKEditor 5集成工具栏自定义标题、粗体、斜体、列表、引用、表格实时统计字数、字符数、最后保存时间快捷键支持CtrlS保存CtrlZ撤销粘贴优化支持Word文档直接粘贴4. 自动保存机制// 每30秒自动保存到LocalStoragesetInterval((){constcontenteditorInstance.getData();localStorage.setItem(paper_draft,content);},30000);5. 进度指示器顶部进度条实时显示完成度33% → 66% → 100%侧边栏步骤卡片显示当前状态进行中/已完成/未开始。 配置选项科研类型配置constpaperTypes[{id:thesis,name:科研助手,icon:fa-file-alt},{id:final,name:期末范文,icon:fa-book},{id:course,name:课程范文,icon:fa-graduation-cap},// ... 更多类型];编辑器配置ClassicEditor.create(document.querySelector(#editor),{toolbar:[heading,bold,italic,link,/* ... */],heading:{options:[{model:paragraph,title:段落},{model:heading2,view:h2,title:标题2},{model:heading3,view:h3,title:标题3}]}});移动端适配侧边栏处理桌面端固定显示左侧平板/移动端收起为汉堡菜单点击展开侧边栏内容优化卡片宽度100%自适应按钮布局垂直堆叠全宽显示字体大小根据屏幕尺寸动态调整贡献指南欢迎提交Issue和Pull Request开发流程Fork本仓库创建特性分支 (git checkout -b feature/AmazingFeature)提交更改 (git commit -m Add some AmazingFeature)推送到分支 (git push origin feature/AmazingFeature)开启Pull Request代码规范使用ESLint进行代码检查遵循Airbnb JavaScript风格指南提交信息使用约定式提交规范 开源协议本项目采用 MIT 协议 开源。MIT License Copyright (c) 2026 文达AI Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the Software), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software... 团队介绍文达AI团队- 致力于用人工智能技术提升科研写作效率 产品方向科研写作工具、AI辅助创作 使命让每个人都能高效完成高质量科研愿景成为最受信赖的智能写作平台 联系方式 邮箱supportversabot.cn 微信群扫描二维码加入用户群 TwitterVersaBotAIGitHub Issues提交问题 致谢感谢以下开源项目CKEditor 5 - 富文本编辑器Font Awesome - 图标库所有为本项目做出贡献的开发者⭐ 如果这个项目对你有帮助请给一个StarMade with ❤️ by 文达AI团队
VersaBot-AI：一个面向 AI 学术科研工具的开源 UI 与应用基础设施
VersaBot-AI一个面向 AI 学术科研工具的开源 UI 与应用基础设施Open-source UI and infrastructure for AI-powered academic research tools.在线演示 项目简介文达AI科研助手是一款基于人工智能的智能化科研写作平台采用现代化的分屏布局设计集成CKEditor 5富文本编辑器为用户提供从大纲生成到全文撰写的完整科研写作解决方案。Gitee 下载代码GitHub 下载代码✨ 核心特性三步完成科研输入题目 → 编辑大纲 → 下载全文现代化UI设计采用分屏式布局响应式设计支持全设备适配️富文本编辑集成CKEditor 5支持Markdown语法和实时预览智能大纲生成AI自动生成二级/三级大纲支持自定义调整自动保存每30秒自动保存草稿防止内容丢失全平台支持完美适配桌面、平板、手机等设备使用流程步骤一输入文章题目填写科研基本信息包括科研类型、专业学科、科研题目、学历层次、大纲详细程度和预期字数等参数。功能特点 8种科研类型选择科研助手、期末范文、课程范文等 4个学历层次专科、本科、研究生、博士 灵活的字数设置8000-50000字 二级/三级大纲选择步骤二编辑大纲查看和修改AI生成的科研大纲使用CKEditor 5富文本编辑器进行精细化编辑。功能特点✨ 智能生成完整科研大纲结构富文本编辑标题、粗体、列表、表格等 实时字数和字符数统计自动保存草稿功能支持导出HTML格式一键重置内容步骤三下载文章查看生成状态下载完整科研及相关资料Word、PDF、PPT等格式。功能特点✅ 实时显示各部分完成状态 多格式下载支持Word、PDF毕业设计全套大礼包答辩PPT自动生成AIGC痕迹降低工具️ 技术栈前端框架HTML5- 语义化结构CSS3- 现代化样式设计JavaScript (ES6)- 交互逻辑核心库CKEditor 5- 富文本编辑器Font Awesome 6- 图标库设计理念响应式设计- 移动优先CSS Variables- 主题色管理Flexbox Grid- 现代化布局 项目结构versabot-ai-paper/ ├── index.html # 主页面 ├── css/ │ └── style.css # 样式文件 ├── js/ │ └── main.js # 脚本文件 ├── screenshots/ # 项目截图 │ ├── step1-input.png │ ├── step2-editor.png │ └── step3-download.png ├── README.md # 项目说明 └── LICENSE # 开源协议 快速开始方式一直接打开# 直接在浏览器中打开 index.htmlopenindex.html方式二本地服务器# 使用Python启动本地服务器python-mhttp.server8080# 访问 http://localhost:8080方式三VS Code Live Server# 安装Live Server插件# 右键 index.html - Open with Live Server 设计规范色彩系统--primary:#0d5c63;/* 主色调 - 深青绿 */--primary-light:#148a8a;/* 浅色变体 */--primary-dark:#0a4a50;/* 深色变体 */--primary-bg:#e8f4f5;/* 背景色 */--secondary:#1aaba8;/* 辅助色 */布局设计侧边栏宽度320px桌面端主内容区自适应剩余空间卡片圆角8px - 16px阴影层次3级阴影系统响应式断点/* 桌面端 */media(min-width:1025px){...}/* 平板端 */media(max-width:1024px){...}/* 移动端 */media(max-width:768px){...} 功能详解1. 分屏式布局采用左侧固定宽度320px步骤导航 右侧动态内容区域的设计符合F型阅读模式减少页面滚动保持上下文可见性。2. 卡片式工作区每个步骤使用可折叠卡片组织完成步骤后卡片收起并显示关键信息当前步骤卡片展开提供完整操作界面降低认知负荷。3. CKEditor 5集成工具栏自定义标题、粗体、斜体、列表、引用、表格实时统计字数、字符数、最后保存时间快捷键支持CtrlS保存CtrlZ撤销粘贴优化支持Word文档直接粘贴4. 自动保存机制// 每30秒自动保存到LocalStoragesetInterval((){constcontenteditorInstance.getData();localStorage.setItem(paper_draft,content);},30000);5. 进度指示器顶部进度条实时显示完成度33% → 66% → 100%侧边栏步骤卡片显示当前状态进行中/已完成/未开始。 配置选项科研类型配置constpaperTypes[{id:thesis,name:科研助手,icon:fa-file-alt},{id:final,name:期末范文,icon:fa-book},{id:course,name:课程范文,icon:fa-graduation-cap},// ... 更多类型];编辑器配置ClassicEditor.create(document.querySelector(#editor),{toolbar:[heading,bold,italic,link,/* ... */],heading:{options:[{model:paragraph,title:段落},{model:heading2,view:h2,title:标题2},{model:heading3,view:h3,title:标题3}]}});移动端适配侧边栏处理桌面端固定显示左侧平板/移动端收起为汉堡菜单点击展开侧边栏内容优化卡片宽度100%自适应按钮布局垂直堆叠全宽显示字体大小根据屏幕尺寸动态调整贡献指南欢迎提交Issue和Pull Request开发流程Fork本仓库创建特性分支 (git checkout -b feature/AmazingFeature)提交更改 (git commit -m Add some AmazingFeature)推送到分支 (git push origin feature/AmazingFeature)开启Pull Request代码规范使用ESLint进行代码检查遵循Airbnb JavaScript风格指南提交信息使用约定式提交规范 开源协议本项目采用 MIT 协议 开源。MIT License Copyright (c) 2026 文达AI Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the Software), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software... 团队介绍文达AI团队- 致力于用人工智能技术提升科研写作效率 产品方向科研写作工具、AI辅助创作 使命让每个人都能高效完成高质量科研愿景成为最受信赖的智能写作平台 联系方式 邮箱supportversabot.cn 微信群扫描二维码加入用户群 TwitterVersaBotAIGitHub Issues提交问题 致谢感谢以下开源项目CKEditor 5 - 富文本编辑器Font Awesome - 图标库所有为本项目做出贡献的开发者⭐ 如果这个项目对你有帮助请给一个StarMade with ❤️ by 文达AI团队
