六、平台管理助手 (/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-01v0.9.3新增白天/黑夜模式切换功能
2026-05-31v0.9.2AI聊天助手更名为平台管理助手;AI应用中心重构为菜单栏设置;侧边栏支持子菜单展开
2026-05v0.9.0视频工坊接入腾讯混元TokenHub API;Gallery作品广场基础功能
2026-04v0.8.0小说工坊、剧本工坊完整创作流程

— 文档结束 —

Ascent Creator v1.0.0 产品功能文档