六、平台管理助手 (/chat)
功能概述:AI角色对话系统,提供多角色、多风格的智能对话体验
页面设计
- 左侧角色面板:展示所有可对话的AI角色列表,每个角色有头像、名称和风格标识
- 中间聊天区域:角色的对话历史记录,消息气泡式展示
- 底部输入栏:文本输入框 + 发送按钮 + 角色名称提示
功能详情
- 角色选择:点击左侧角色列表切换对话对象
- 消息发送:输入文字,按回车或点击发送按钮
- 流式输出:AI回复以SSE流式方式逐字显示(打字机效果)
- 角色设定:每个角色有自己的性格、风格和背景故事
- 思考状态:AI回复时显示动态加载动画(弹跳圆点)
- 聊天历史:自动保存对话记录
- 角色编辑:管理员可创建/编辑/删除角色
七、模型管理中心 (/models)
功能概述:AI模型的统一注册、配置和状态监控面板
页面设计
- 卡片式布局,每个模型一张独立卡片
- 不同类型的模型用不同颜色标识
- 每个卡片显示模型名、类型、状态指示灯
功能详情
- 模型注册:添加新的AI模型(名称、类型、API地址、参数配置)
- 模型分类:LLM大语言模型、图片生成模型、视频生成模型、语音模型、嵌入模型
- 状态监控:运行中/已停止/异常 — 状态指示灯实时展示
- 配置管理:编辑模型参数(context length、temperature、top_p等)
- 测试连接:一键测试模型是否可正常响应
- 默认模型设置:设置各个工坊使用的默认模型
八、创作资源库 (/assets)
功能概述:统一的作品归档与资产管理系统
功能详情
- 作品分类:按工坊类型分类展示(剧本/图片/视频/音乐/语音/小说/代码等)
- 搜索筛选:按名称、类型、日期搜索作品
- 作品卡片:缩略图 + 标题 + 类型标签 + 创建日期
- 详情查看:点击卡片进入作品详情页,可预览内容
- 删除管理:支持删除不再需要的作品
九、作品广场 (/gallery)
功能概述:平台内的作品展示与分享社区,灵感交流平台
页面设计
- 卡片瀑布流网格布局(响应式,自适应列数)
- 每个作品卡片:缩略图 + 标题 + 描述 + 标签 + 创建者
- 顶部搜索和分类筛选栏
功能详情
- 作品浏览:浏览所有公开作品,支持无限滚动
- 分类筛选:按类别(图像/代码/视频/文章/3D/音频)筛选
- 搜索:按标题关键词搜索作品
- 作品详情:点击查看完整作品,支持预览(图片/视频/音频)
- 点赞收藏:为喜欢的作品点赞
- 分享功能:一键生成作品分享链接
- 创建者信息:展示作品作者
- 统计面板:展示平台作品总览数据
十、菜单栏设置 (/code)
功能概述:自定义侧边栏菜单显示、管理工坊开关和精选应用
功能详情
- 工坊管理面板:显示所有可用工坊的开关列表
- 工坊开关:每个工坊有独立的开关按钮,控制其在侧边栏的显示
- 固定模块:仪表盘、AI应用中心、模型管理、资料库、作品广场为固定项,不可关闭
- 精选应用面板:管理AI应用中心下的子应用
- 应用开关:开启/关闭精选应用
- 持久化存储:设置保存在浏览器 localStorage,刷新不丢失
十一、工坊与APP联动机制
架构说明:平台的「工坊」与「应用」如何协同工作
11.1 工坊(Workshop)
工坊是 Ascent Creator 的核心创作模块,每个工坊对应一个独立的创作场景:
- 每个工坊是一个独立的 Vue 页面(如 WritingStudio.vue、ImageStudio.vue)
- 通过 Vue Router 实现路由导航(/writing, /image, /video 等)
- 工坊共享全局状态(Pinia store)和 API 层(services/api.js)
- 工坊的显隐由「菜单栏设置」页面中的开关控制
- 固定工坊(仪表盘等)始终显示在侧边栏
11.2 精选应用(Mini App)
精选应用是更轻量的功能模块,挂在 AI应用中心 目录下作为子菜单:
- 应用以子菜单形式展示在「AI应用中心」下面
- 每个应用有 id、名称、图标、路径描述
- 通过「菜单栏设置」页面的应用面板开启/关闭
- 开启的应用出现在侧边栏 AI应用中心 下面(缩进显示)
- 应用数据存储在 localStorage(appPrefs)
- 当前支持的应用类型:待定义(框架已支持,可扩展)
11.3 联动关系
┌─────────────┐
│ 仪表盘 │ (固定)
├─────────────┤
│ AI应用中心 │ (固定+可展开)
│ ├ 精选应用1 │ (开关控制)
│ ├ 精选应用2 │
├─────────────┤
Pinia Store ────────► │ 剧本工坊 │ (开关控制)
(workshop_prefs) │ 图片工坊 │
│ 视频工坊 │
│ 音乐工坊 │
│ 语音工坊 │
│ 小说工坊 │
├─────────────┤
│ 平台管理助手 │ (固定)
│ 模型管理 │ (固定)
│ 资料库 │ (固定)
│ 作品广场 │ (固定)
└─────────────┘
十二、主题系统(白天/黑夜模式)
说明:2026年6月新增的日间模式功能
实现方式
- 切换开关:侧边栏底部 ☀️/🌙 按钮
- 技术实现:通过 标签的 .dark class 控制,移除即切到白天模式
- 持久化:localStorage key "ascent_theme" 存储用户偏好
- 动画:0.3秒平滑过渡动画(theme-transitioning class)
颜色方案对比
| 元素 | 暗色模式 | 白天模式 |
|---|---|---|
| 背景 | #0A0A1A | #F8F9FC |
| 卡片 | #111128 | #F0F2F8 |
| 文字 | #E5E7EB | #1F2937 |
| 边框 | rgba(255,255,255,0.1) | rgba(0,0,0,0.08) |
十三、数字人工坊 (/avatar)
功能概述:虚拟数字人创建与管理平台,支持 3D VRM 和 2D Live2D
功能详情
- 模型选择:从模型库中选择数字人模型(VRM/Live2D)
- 角色定制:自定义数字人的外观和参数
- 3D渲染:使用 Three.js 进行 3D 模型渲染
- 表情管理:支持面部表情切换(高兴、悲伤、惊讶等)
- 口型同步:支持音频驱动的口型动画(需接入 MuseTalk)
- 一键对话:接入平台管理助手进行数字人对话
十四、技术规格
| 项目 | 规格 |
|---|---|
| 前端代码量 | 14 个 Vue 页面 + 4 个公共组件 |
| 后端代码量 | ~4000 行 Python (Flask) |
| API 接口 | 30+ REST 接口 + SSE 流式 |
| 支持的模型类型 | LLM、图片生成、视频生成、语音、音乐、嵌入、数字人 |
| 数据库 | SQLite(本地文件存储) |
| GPU 最低要求 | RTX 4090 24GB(Demo)/ A100 80GB(生产) |
| 部署方式 | Flask 静态服务 / Docker 容器化 |
📝 附录:更新日志
| 日期 | 版本 | 更新内容 |
|---|---|---|
| 2026-06-01 | v0.9.3 | 新增白天/黑夜模式切换功能 |
| 2026-05-31 | v0.9.2 | AI聊天助手更名为平台管理助手;AI应用中心重构为菜单栏设置;侧边栏支持子菜单展开 |
| 2026-05 | v0.9.0 | 视频工坊接入腾讯混元TokenHub API;Gallery作品广场基础功能 |
| 2026-04 | v0.8.0 | 小说工坊、剧本工坊完整创作流程 |
— 文档结束 —
Ascent Creator v1.0.0 产品功能文档
登录后才能评论哦 ~ 立即登录