DF AI · PRODUCT REVIEW

原型PRD 说明

对照此前测试线界面与 Demo v1.55 分支原型,说明对话与任务、外观与说明、对话附件预览、数据可视化、个性化、自动化、专家/技能及连接器的变化,供产品、设计与研发评审。

对照日期:2026-10-10当前线上:aidata.df.wanmei.net分支:10月分支原型.html
19项差异与设计决策
8个业务区域
v1.55对照的分支 Demo

一页看清变化

按对话与任务、外观与说明、对话附件预览、数据可视化、个性化、自动化、专家/技能及连接器,查看历史测试线观察与当前分支方案。

区域
历史测试线观察
分支原型
新对话
平铺场景
目标 → 场景
项目选择
支持搜索和多选;已选仍在原位
已选置顶和按场景校验
任务历史
任务列表与前置状态点
用户分组;标题左侧无常驻色点
侧栏空间
历史截图保持展开;交互待核验
一键收起 / 展开、拖动调宽并记忆
对话操作
发送圆形,停止为带文字长按钮
发送与停止同位置、同尺寸切换
消息气泡
蓝色背景、白色文字
按浅色 / 深色切换配色
对话附件
用户反馈上传附件无法在对话中预览
右侧多文件标签、真实工作表、全屏 / 收起及拖动调宽
数据可视化
新增专项需求,线上状态未核验
场景与专家、材料/结果绑定、仪表盘、HTML/PDF交付
个性化
历史菜单截图未展示个性化记忆入口
记忆开关、统一管理、编辑与删除
外观与说明
浅色首页可见;设置入口未核验
浅色 / 深色选择、预览和记忆
帮助与反馈
用户菜单入口禁用
快速入门指南可跳转使用文档
自动化
报表定义 → 运行计划 → 交付目标
双栏创建 + 分组预览 + 分渠道推送与时间边界
专家/技能/连接器
专家 JSON;技能细节未核验;连接器禁用
专家配置、技能管理、连接器创建

逐项优化说明

左侧为用户提供的线上截图及此前测试线观察;未取得截图的当前线上状态仍待核验。右侧为当前分支设计。

P0对话与任务

01

新对话改为“目标 → 场景”两层选择

P0 · 核心入口
优化价值把技术能力名称放到第二层,减少首页横向拥挤,同时方便后期扩展其他分类和场景
历史测试线观察

欢迎语下直接平铺通用助手、KPI、SQL 查询、SQL 生成、异常调查、广告数据分析、知识库查询等场景。

历史线上截图点击放大 ↗
用户提供的线上首页真实截图,可见平铺场景、输入框与左侧任务列表
你提供的线上首页截图 · 场景平铺在对话框上方。
分支原型

优化1:先选“查数做分析”或“管理广告投放” 再选择具体的场景
优化2:场景条可横向滑动、拖动排序,输入框提示按场景变化。

分支原型截图点击放大 ↗
分支原型:目标与场景两层入口及对话输入区;当前分支实拍。
目标与场景两层入口及对话输入区;当前分支实拍。
原型 UI 参数目标 Tab 为 12px 字号、32px 高、左右内边距 12px、圆角 17px;目标容器内边距 4px、间距 3px;场景 Tab 为 12px 字号、34px 高、左右内边距 10px、圆角 17px。
02

项目选择增加已选置顶

P0 · 输入效率
优化价值已选项目集中显示,即使项目分散在列表首尾也能一眼确认;按场景约束可避免漏选或误选。
用户提供的线上展开态

新提供的线上截图显示项目搜索框、已选 2/195、全选与取消全选。两个已选项目保留在原列表位置,需滚动查找;截图未展示按场景切换选择规则。

线上项目选择截图点击放大 ↗
用户提供的线上项目选择展开截图:支持搜索和多选,已选项目仍留在列表原位置
你提供的线上展开态截图:已选 2 项仍分散在原列表位置。
分支原型

已选项目置顶并显示数量,可逐项移除或清空。

分支原型截图点击放大 ↗
分支项目选择弹层最新实拍:四项已选项目完整置顶展示,项目之间保持6px间距
分支最新实拍:四项已选项目完整展示,各项之间保持 6px 间距;更多项目可滚动查看。
原型 UI 参数项目弹层宽 360px、内边距 10px、圆角 12px;搜索框高 36px、输入字 12px;已选区最高 160px、已选与可选项目行高统一 30px、已选项目间距 6px;数量与操作文字 11px。
03

任务列表增加用户分组

P0 · 历史管理
优化价值会话增长后仍能按工作归属找回任务;分组内新建对话减少后续整理。
历史测试线观察

侧栏以任务列表集中展示历史会话,当前截图中可见状态标记和日期,但没有用户自建分组。

历史线上截图点击放大完整原图 ↗
线上侧栏任务列表局部截图,可见任务标题、状态点和日期,未显示用户分组
你提供的线上截图 · 左侧任务栏局部;点击可看完整页面。
分支原型

优化1:任务支持新建分组,并可对分组改名、置顶或删除。
优化2:可在分组内新建对话;非空分组可展开。
优化3:任务和分组支持拖动调整位置。

分支原型截图点击放大完整原图 ↗
分支原型侧栏局部截图,可见置顶任务、220项目数据查询分组和普通任务
你提供的分支截图 · 置顶、分组与普通任务;点击可看完整页面。
原型 UI 参数左侧栏默认宽 264px;“置顶 / 任务”分区标题 13px、区块头高 30px;分组行最低 31px,标题 14px、字重 500,左右内边距分别为 9px / 7px,组内任务缩进 16px;悬停操作按钮为 20 × 20px。
04

任务标题左侧去掉常驻色点

P0 · 列表可读性
优化价值任务标题从相同位置开始,列表更整齐。
历史测试线观察

任务标题左侧常驻色点。

线上任务列表局部点击放大完整原图 ↗
线上任务标题左侧有常驻色点
查看任务标题左侧的色点。
分支原型

优化1:任务标题左侧不再放常驻色点。

分支任务列表局部点击放大完整原图 ↗
分支任务标题左侧没有常驻色点
查看任务标题左侧的变化。
05

侧栏支持一键收起与拖动调宽

P0 · 空间利用
优化价值按任务需要腾出内容空间,并让较长的任务名称在较宽侧栏中更容易识别;重新打开页面仍保留上次宽度。
历史测试线观察

用户提供的历史线上截图中,左侧导航与任务列表保持展开;截图未显示收起按钮或拖动调宽操作。当前线上交互仍需登录后核验。

历史线上截图点击放大完整原图 ↗
历史线上侧栏展开态截图
历史线上侧栏展开态,未显示宽度调整控件。
分支原型

优化1:点击侧栏顶部按钮可整体收起为图标栏,再次点击恢复上次展开宽度。
优化2:拖动侧栏右边界可调整宽度,并缓存;

分支收起态截图点击放大 ↗
分支原型侧栏一键收起后的图标栏
分支原型侧栏收起态;再次点击可恢复展开宽度。
原型 UI 参数最小可调宽度:72px;最大可调宽度:420px。
默认展开宽 264px,收起宽 72px;拖动热区宽 7px;键盘方向键每次调整 16px;宽度使用本地缓存保存。
06

对话发送与停止按钮统一

P0 · 对话操作
优化价值发送与停止在同一位置切换,保持按钮尺寸一致,减少生成前后操作区的宽度变化。
当前线上

发送为圆形纸飞机按钮,但是生成中切换为了 96 × 34px、圆角 6px 的蓝色“停止对话”长按钮,带方形图标与文字,需要统一下

线上生成中截图点击放大 ↗
当前 aidata 线上生成中的蓝色停止对话长按钮
当前业务线上实拍:右下角为“停止对话”按钮。
分支原型

发送与停止统一为 34 × 34px 圆形按钮,在输入框右下角的同一位置切换,纸飞机图标表示发送、方形图标表示停止生成。发送、停止均为 34 × 34px,圆角 50%;发送图标 15px、停止图标 15px

分支按钮结构示意点击放大 ↗
依据分支组件绘制的发送、生成中停止和停止处理状态示意
依据当前分支组件绘制;发送、停止及停止处理状态保持相同尺寸和位置。
原型 UI 参数发送、停止均为 34 × 34px,圆角 50%;发送图标 15px、停止图标 15px,切换过渡 0.15 秒;浅色与深色主题均为蓝色 #3B82F6 背景、白色 #FFFFFF 图标;空输入和停止处理中置灰。
07

用户消息气泡适配浅色与深色

P0 · 对话阅读
优化价值原有消息气泡饱和度过高,优化后用户消息在两种主题下保持清晰可读,色系参考目前商业化产品
当前线上 · 浅色实拍

线上浅色对话中,用户消息使用较高饱和度蓝色背景和白色文字;原分支主对话气泡同样固定为蓝底白字,未随主题区分配色。

线上用户消息截图点击放大 ↗
线上浅色对话的蓝底白字用户消息
当前线上浅色实拍;未据此判断线上深色主题表现。
分支原型

优化1:浅色主题改为淡蓝背景、深蓝文字;深色主题改为深蓝背景、浅色文字。浅色:背景 #E8F3FE,文字 #0C274A。深色:背景 #173E76,文字 #F6FAFE。

分支浅色消息气泡点击放大 ↗
分支浅色主题中淡蓝底深蓝字的用户消息
浅色:背景 #E8F3FE,文字 #0C274A。
分支深色消息气泡点击放大 ↗
分支深色主题中深蓝底浅色字的用户消息
深色:背景 #173E76,文字 #F6FAFE。
原型 UI 参数主对话用户消息文字 14px、行高 1.7,内边距 12px × 16px、圆角 14px,右上角 4px;本次仅调整背景、文字及同色边框,不改变既有布局。

P0外观与说明

08

增加浅色与深色外观设置

P0 · 外观设置
优化价值用户可按使用环境选择界面明暗,先预览再切换,并在再次打开页面时保持所选外观。
历史测试线观察 · 设置入口待核验

此前提供的线上首页截图呈浅色界面,但未展开用户菜单或个人中心;该截图不能证明线上是否已有外观设置。

历史线上首页截图点击放大 ↗
用户此前提供的线上浅色首页截图,未展示用户菜单或外观设置
历史线上浅色首页;用户菜单与外观选项尚待核验。
分支原型

优化1:点击左下角用户名,可从菜单进入“外观”设置。
优化2:个人中心提供浅色、深色选项及界面预览;切换后立即生效,并在刷新页面后保留选择。

分支原型截图点击放大 ↗
分支原型外观设置实拍:深色已选中,页面和效果预览同步切换为深色
分支实拍:深色被选中,预览与当前界面同步呈现深色。
原型 UI 参数个人中心左侧导航宽 220px;“外观”菜单文字 14px、设置页标题 22px;主题选项宽 150px、内边距 13px × 14px、圆角 11px、文字 13px;预览容器内边距 16px、圆角 12px,预览画面高 230px。

浅色与深色 UI 色值参数(开发对照)

以下参数取自当前10月分支原型的主题变量。浅色使用 [data-theme="light"] 覆盖,深色使用 :root 基础值;未覆盖的参数沿用基础值。RGBA 中最后一位为透明度,应与所在背景叠加,不能直接当作不透明色使用。

背景与边框

用途 / CSS 变量浅色深色
页面主背景--bg-primary#FFFFFF#111318
次级区域背景--bg-secondary#FFFFFF#1B1D21
输入/选中区域底色--bg-tertiary#F5F5F5#23262B
弹窗、浮层背景--bg-elevated#FFFFFF#292C32
悬停背景--bg-hover#EEEEEE#30343B
弱分隔线--border-subtle#F1F3F4rgba(255, 255, 255, 0.06)
默认边框--border-default#DADCE0rgba(255, 255, 255, 0.10)
强调边框--border-strong#BDC1C6rgba(255, 255, 255, 0.16)

文字与强调色

用途 / CSS 变量浅色深色
主文字--text-primary#1F2329#F1F3F4
次级文字--text-secondary#4E5969#C8CDD4
辅助文字--text-tertiary#68717B#AEB5BD
占位文字--text-placeholder#666E78#979FA8
链接、选中强调色--accent-primary#1A73E8#8AB4F8
强调色悬停--accent-primary-hover#185ABC#AECBFA
强调区域浅底--accent-primary-dim#E8F0FErgba(138, 180, 248, 0.16)
强调背景上对比色--accent-contrast#FFFFFF#111318
次强调色--accent-secondary#34A853#34A853
次强调区域浅底--accent-secondary-dim#E6F4EArgba(52, 168, 83, 0.15)

按钮、消息气泡与开关

用途 / CSS 变量浅色深色
普通实心操作按钮背景--solid-action-bg#202124#454B54
普通实心操作按钮文字--solid-action-text#FFFFFF#FFFFFF
可发送/停止按钮背景--composer-action-bg#3B82F6#3B82F6
用户消息气泡背景--user-message-bg#E8F3FE#173E76
用户消息气泡文字--user-message-text#0C274A#F6FAFE
开关开启轨道--automation-switch-on#3B82F6#3B82F6
开关关闭轨道--automation-switch-off#FFFFFF#FFFFFF
开启滑块--automation-switch-thumb-on#FFFFFF#FFFFFF
关闭滑块--automation-switch-thumb-off#202124#202124
关闭轨道边框--automation-switch-off-border#CBD5E1transparent

状态色

用途 / CSS 变量浅色深色
成功状态--status-success#34A853#34A853
警告状态--status-warning#FBBC04#FBBC04
错误状态--status-error#EA4335#EA4335
信息状态--status-info#4285F4#4285F4
运行状态--status-running#4285F4#4285F4

阴影参数

用途 / CSS 变量浅色深色
小阴影--shadow-sm0 1px 2px rgba(60, 64, 67, 0.08)0 1px 2px rgba(0, 0, 0, 0.3)
中阴影--shadow-md0 2px 10px rgba(60, 64, 67, 0.10)0 4px 16px rgba(0, 0, 0, 0.4)
大阴影--shadow-lg0 12px 32px rgba(60, 64, 67, 0.16)0 12px 40px rgba(0, 0, 0, 0.5)
强调发光阴影--shadow-glow0 8px 30px rgba(66, 133, 244, 0.24)0 8px 30px rgba(66, 133, 244, 0.24)

侧栏文字局部覆盖

用途 / CSS 变量浅色深色
侧栏主文字--sidebar-text-main#151515#F1F3F4(继承主文字)
侧栏辅助文字--sidebar-text-muted#929292#AEB5BD(继承辅助文字)

使用规则

  • 页面、弹窗、抽屉、输入框和菜单按对应语义变量切换;图标跟随所在组件的文字或强调色。
  • 可发送和停止按钮两种主题均为 #3B82F6;用户消息气泡单独使用消息背景和文字变量。
  • 开关开启为蓝色轨道、白色滑块;关闭为白色轨道、深色滑块。浅色关闭态额外使用 #CBD5E1 边框,深色关闭态边框透明。
  • 初次未保存外观时默认浅色;用户切换立即生效,以 df-appearance-theme-v1 在本机缓存,刷新后保留。
  • 本表为全局主题及侧栏局部覆盖参数;图表系列色、品牌 Logo、示例图片及组件专用遮罩不属于统一主题变量,按相应模块实现对照。
09

帮助与反馈增加快速入门指南

P0 · 使用帮助
优化价值用户可从产品内直接找到入门文档,了解基本操作与使用流程。
线上截图

用户菜单中的“帮助与反馈”为禁用状态,无法打开入门指南。

线上入口禁用点击放大 ↗
线上个人菜单中的帮助与反馈入口显示为禁用状态
分支原型

优化1:点击左下角用户名,可进入“帮助与反馈”页面。
优化2:“使用帮助”增加“快速入门指南”,点击后在新页面打开 DF AI 使用文档。原型文档:https://df-ai-web.top/manual/,当前阿里云地址用于预览,文档内容持续更新。正式平台应使用企业内部文档地址,建议将文档部署至内部环境并建立同步发布流程;若采用反向代理,需确认外网依赖及原站访问权限。

分支帮助与反馈页面点击放大 ↗
分支帮助与反馈页面中可点击的快速入门指南入口
“使用帮助”中的快速入门指南跳转至独立文档页面。
待确认:评审时确认快速入门指南页面后续的更新和发布流程。
10

产品名称统一为 DF AI

P0 · 品牌统一
优化价值统一产品入口、页面内容和帮助文档的名称,减少不同页面之间的品牌识别差异。
调整前

产品及帮助文档使用“DF Copilot”名称,部分页面标题仍保留“DF问数”。

DF Copilot
原产品名称
分支原型

优化1:产品名称统一为“DF AI”,覆盖侧栏、首页欢迎语、平台入口、个人中心、页面标题及导出标识。
优化2:帮助文档的页头、目录、正文和浏览器标题同步改为“DF AI”;

DF AI
统一后的产品名称

P1对话附件

11

对话文件与产物统一预览

P1 · 对话体验
优化价值上传材料与生成产物共用文件工作区,用户可查看原始内容、业务结果及文件输出,减少列表面板与预览面板之间的切换。
线上问题

痛点1:顶部“产物”预览时,结果为文本,用户只能下载查看,如果可以在侧边栏嵌入excel插件直接预览,就可以一边看数据一边进行AI对话,更加便捷

痛点2:对话中用户上传的附件,有的时候需要在对话中查看下附件内容来确认是否上传正确,但是现在是无法在对话中预览,期望可以增加对话附件的预览功能

分支原型

内容较多,点击查看详情。

DF AI 对话附件与产物统一预览需求 ↗

P1数据可视化

12

【数据可视化】专项场景及对应专家

P1 · 新增专项场景
优化价值将用户上传材料和当前对话已有查询结果转为可交互、可追溯的中文仪表盘,支持多轮调整及HTML/PDF交付。

优化1:新增数据可视化专家,涉及的 Skill 和图表类型详见 数据可视化 PRD 说明 ↗。
优化2:支持 HTML 的右侧预览和结果导出,具体见原型交互。
优化3:通用助手中也支持根据用户提供的数据与展示需求生成数据可视化结果。

当前分支原型:数据可视化场景与对应专家点击放大 ↗
当前原型实拍:查数做分析下选中数据可视化场景,输入框自动关联数据可视化设计师,项目为选填,提示上传已有数据并描述展示重点
图示说明:① 在“查数做分析”下选择“数据可视化”;② 自动关联“数据可视化设计师”;③ 项目选填,输入框提示上传已有数据并描述图表与展示重点。该项为新增场景,本节仅展示当前分支原型。
当前分支原型:HTML右侧预览与结果导出点击放大 ↗
用户提供的当前原型图:对话左侧展示数据说明及结果入口,右侧展示HTML仪表盘预览,支持全屏、浏览器打开以及HTML和PDF导出
生成结果在右侧预览HTML仪表盘,提供全屏、浏览器打开及HTML/PDF导出入口,具体见原型交互。

P1个性化

13

新增个性化记忆与统一管理

P1 · 个性化体验
优化价值用户可管理长期偏好,减少重复说明;通过开关控制记忆是否用于后续对话,并可随时编辑或删除。
历史线上截图

此前提供的用户菜单截图未展示“个性化”入口或记忆管理页面。

历史用户菜单截图点击放大 ↗
历史线上用户菜单截图,未展示个性化入口
历史用户菜单;当前线上记忆能力尚待核验。
分支原型

1. AI链路:
(1)新增memory.md在对话时加载至上下文中,memory.md为千人千面,每个人可以设置自己的个性化记忆,也可以选择开启和关闭个性化记忆;

(2)memory的来源:
① 优先级高,可先实现用户主动告知,例如“记住,以后分析先给结论”,这类直接保存并记录在个性化模块,同时提示用户“已记住”
② 优先级低,AI 自动总结,从多轮对话中发现稳定偏好(包含回答偏好/展示偏好/工作背景/分析习惯/项目偏好),开启个性化后,简单表达偏好可自动保存;推断出的工作背景、默认项目等先提示确认。自动总结应在一轮任务告一段落或对话空闲后进行,避免每句话都触发记忆提示

(3)记忆的适用范围区分
① 所有对话适用:语言、表达方式、结果详略等通用偏好。
② 指定项目适用:项目背景、关注指标、项目内分析习惯。

2. 功能:
(1)优化1:新增【个性化】配置入口,点击左下角用户名,通过“个性化”进入设置;个性化记忆默认关闭,开启后保存用户要求记住的信息,并由 AI 在后台自动总结对话中的长期偏好。
(2)优化2:【个性化】关闭后,保留已有记忆并置灰,标明“不用于对话”;
(3)优化3:用户对话中保存的个性化记忆,可以在【个性化】中统一管理,支持查看、编辑和删除

分支个性化页面点击放大 ↗
分支个性化记忆开启状态与统一记忆管理列表
分支实拍:记忆开关、内容与保存时间、编辑和删除操作。自动总结与跨设备同步需后端接入。
原型 UI 参数个人中心导航宽 220px,页面标题 22px;记忆开关 36 × 22px,记忆内容 13px、行高约 23px,保存时间 11px;列表最大高度 380px;删除确认弹窗宽 420px、内边距 24px、圆角 12px。开发规则与示例入口仅用于原型展示,正式上线移除。

P1自动化

14

自动化模块的功能优化

P1 · 自动化
优化价值统一任务创建、推送目标、任务预览与对话IM推送,减少重复配置;同一定时任务在固定对话中持续追加结果,方便查看与追问。
线上说明

自动化配置流程较分散,任务内容、执行时间和交付目标需要分别设置;常用多人接收组缺少复用,任务详情与运行结果查看不够集中。

当前线上不支持飞书推送,部分小游戏团队使用飞书协作;同一定时任务每次执行生成新对话,历史结果分散。

线上自动化:报表列表与管理入口点击放大 ↗
线上自动化:报表列表与管理入口
线上自动化:报表列表与管理入口
分支原型

优化点1:自动化创建的优化(手动创建)。任务内容、项目、专家、技能、模型、触发器及推送配置。

优化点2:使用对话创建的方式。缺项澄清、每轮最多3问、统一预览与确认创建。

优化点3:推送目标的交互优化。用户与群聊目标管理,以及跨窗口配置联动。

优化点4:自动化模版:项目智能分析报告支持。开放周报模板、内置分析Skill、报告与飞书模拟示例。

优化点5:自动化预览的优化。任务列表、创建方式、详情与日志筛选。

固定任务对话、对话一次性IM推送、本人预览与WOA/飞书对接的完整规则,统一见下方PRD。

内容较多,点击查看完整说明。

DF AI 自动化功能完整 PRD ↗
最新分支:已创建任务、启停及推荐模板点击放大 ↗
最新分支:已创建任务、启停及推荐模板
最新分支:已创建任务、启停及推荐模板

P1专家/技能

15

专家模块的创建和预览优化

P1 · 能力资产
优化价值内置专家仅展示使用概览,隐藏内部配置与关联资源;个人专家支持创建、编辑及资源配置,明确两类专家的展示范围。
当前线上

当前线上专家页显示“暂未添加新的专家”空状态。

线上专家模块截图点击放大 ↗
线上结构示意:此前测试线当前线上专家页面空状态。
当前线上专家页展示空状态。
分支原型

优化1:专家模块的顺序调整到第一位,所有专家以卡片形式展示,支持专家添加,搜索和查看,其中专家区分全部,预设专家,我的专家,预设专家即系统内置,可预览介绍和关联问题,我的专家为个人创建的
优化2:“创建专家”支持个人创建,创建方式支持对话创建和 ZIP 专家包上传;上传可拖入或选择文件,并可查看格式说明、下载示例。
优化3:内置专家仅展示“概览”,可查看专家介绍和示例问题;系统提示词、技能、连接器、知识库、管理等其他 Tab 及内容均不对外展示。
优化4:个人创建专家可编辑系统提示词,并关联已上传技能、已连接的连接器及个人知识文件,还可设置模型、对外可见性等。

分支原型截图点击放大 ↗
分支原型:专家卡片、来源标识与创建入口;当前分支实拍。
专家卡片、来源标识与创建入口;当前分支实拍。
原型 UI 参数专家卡片内边距 14px、圆角 16px;专家名称 16px、字重 700,描述文字 13px、行高约 21px。详情抽屉最大宽 780px,标题 20px,Tab 高 40px、字号 13px;内置专家仅保留“概览”Tab,个人专家保留原有配置 Tab。
16

技能模块的创建和展示的优化

P1 · 资源管理
优化价值技能可以按来源和用途查找,并通过上传或表单创建进入专家和对话的配置流程。
当前线上

技能页展示 SQL数据查询、SQL生成、异常调查分析、KPI指标分析四个内置技能,提供分类、搜索、管理和添加技能入口。

线上技能模块截图点击放大 ↗
当前线上技能页,展示四个内置技能及搜索、管理、添加入口。
当前线上技能页,展示四个内置技能及搜索、管理、添加入口。
分支原型

优化1:解决历史上传技能包时,总是出现失败的问题,测试技能包均为官方技能,目前上传均失败
优化2:技能页支持按标签及“公共 Skill / 项目 Skill / 我的 Skill”筛选,其中目前已有的内置技能不再对外显示
优化3:“添加技能”支持对话创建、上传 ZIP 或通过表单创建;对话创建进入新对话,在输入框显示 skill-creator 和技能需求提示;已添加技能可供自定义专家关联。

分支原型截图点击放大 ↗
分支技能列表实拍,显示标签筛选、来源筛选、技能卡片和添加入口。
分支技能列表实拍,显示标签筛选、来源筛选、技能卡片和添加入口。
原型 UI 参数技能卡片内边距 14px、圆角 16px;名称 16px、描述 13px,描述行高约 21px。

P2连接器

17

新增连接器模块

P2 · 新能力边界
优化价值把外部能力的创建、授权、验证与使用收敛到同一入口,便于区分“已保存”和“已连接”。
DF AI 连接器模块功能说明与开发规则

一、建设目标与范围

通过连接器接入外部 MCP 服务,让用户在 DF AI 对话、专家等场景中使用授权范围内的工具能力。

  • 展示预置外部服务及用户创建的自定义连接器;内置连接器不对外展示,分类仅保留“全部”。
  • 支持配置、授权、连接、工具发现、断开和异常反馈。
  • 优先支持远程 Streamable HTTP,兼容 SSE。
  • 自定义 STDIO 暂不纳入本期真实连接范围,不能将保存配置视为连接成功。

二、页面功能

1. 连接器列表

以卡片展示名称、图标、简介、连接状态及操作入口,支持搜索。点击卡片查看连接器介绍、配置及可用工具;通过创建入口新增自定义连接器。列表中的连接状态必须来自后端真实会话,不得仅依赖前端缓存。

2. 自定义连接器创建

提供“表单填写”和“JSON 配置”两种方式。

字段功能及规则
服务器名称必填,用于列表和选择器展示。
简介可选,说明服务用途。
传输方式Streamable HTTP 或 SSE;STDIO 暂不支持真实连接。
服务地址远程连接必填,填写 MCP 端点,不能直接填写普通 REST API 地址。
认证方式无需认证、自填 Token/Headers、标准 MCP OAuth。
请求头按服务要求填写名称和值,支持多项。
超时时间可选,单位秒,1–600;默认 60 秒。
Skill 使用说明可选,描述适用场景及工具使用约束。
可见权限个人可见、公开、指定用户可见。
可见用户账号 ID指定用户可见时必填,按平台用户体系校验。

JSON 配置需解析并校验服务名称、地址、传输方式、请求头等字段。一期每次处理一个 MCP 服务;多服务配置应明确提示,不能静默只导入其中一个。“Skill 使用说明”仅作为使用参考,不得覆盖系统规则、权限校验或危险操作确认。

3. 保存与测试连接

保存配置与建立连接是两个动作。

  • 保存:记录配置,不代表已授权或已连接。
  • 测试连接:执行 MCP 初始化及工具列表获取,返回结果。
  • 测试结束:释放临时会话,不占用正式连接。
  • 测试不得自动调用写入、修改、删除等工具。
  • 需要 OAuth 时,提示完成授权后再连接。

当前原型要求已连接的自定义连接器先断开再编辑。正式开发可沿用该规则,避免配置更新与运行中的会话不一致。

4. 正式连接

用户点击连接后,后端负责:配置校验 → 获取或校验凭据 → MCP 初始化 → 获取工具列表 → 保存会话 → 返回连接结果。

连接过程中显示加载状态,防止重复点击,并支持取消。取消后,迟到的成功响应不能将连接器重新变为“已连接”;后端应关闭取消请求对应的会话。

5. 可用工具与调用

连接后展示服务实际返回的工具名称、描述及参数要求。

  • 使用当前会话发现的工具及参数结构。
  • 后端校验工具是否允许调用、参数是否合法。
  • 区分请求失败与工具执行失败,不能只依据 HTTP 200 判断成功。
  • 写入、修改、删除等操作执行前展示操作对象及影响,由用户确认。
  • 工具返回内容作为外部数据处理,不能改变平台权限或系统规则。
6. 在对话与专家中使用

连接器选择器仅展示当前用户有权使用且已成功连接的内容。

  • 未连接、已失效或正在授权的连接器不可选择。
  • 断开后,同步更新列表、选择器及专家关联状态。
  • 已关联的连接器失效时,保留关联记录并提示重新连接。
  • AI 使用连接器时,由后端将可用工具纳入当前请求,再执行工具调用。

“连接器卡片显示已连接”不等于“对话已具备自动调用能力”;AI 工具编排链路需要技术单独实现。

三、状态与反馈规则

  • 未连接:配置已保存,可发起连接。
  • 连接中:显示加载,可取消,禁止重复连接。
  • 待授权:提供授权入口,允许取消等待。
  • 已连接:会话有效,已发现可用工具。
  • 无可用工具:握手成功但工具为空,提示检查工具名单或权限。
  • 授权失效:提示刷新凭据或重新授权。
  • 连接失败:展示原因及重试入口。
  • 已断开:不再参与工具选择和调用。

错误信息应区分:地址错误、认证失败、权限不足、工具名单为空、网络异常、超时及服务返回错误。禁止在提示中输出完整密钥或令牌。

四、授权与权限规则

1. 使用平台统一用户体系

连接配置、授权凭据和 MCP 会话绑定 DF AI 登录用户及所属组织。不得使用客户端 IP、浏览器本地标识或前端传入的用户 ID 作为唯一身份依据。

2. 可见权限与远端权限分别校验
  • “公开”指平台范围内可见,不代表公开到互联网。
  • 用户能看到连接器,不代表自动获得创建者的远端访问权限。
  • 用户身份授权的连接器,由使用者分别完成授权。
  • 共用应用凭据的连接器,需要管理员配置,并限制可使用人员和资源范围。

平台可见权限、MCP 工具权限、第三方资源权限三层都应生效。

3. 凭据管理
  • Token、API Key、App Secret 由后端加密保存。
  • 前端使用掩码展示,不保存到 localStorage 或页面源码中。
  • 日志、埋点及接口错误统一脱敏。
  • 根据服务提供的有效期管理令牌,支持刷新或重新授权。
  • 断开 MCP 会话与撤销第三方授权分别处理,文案应说明实际影响。

五、后端实现规则

1. 连接服务

采用 MCP SDK 实现初始化、工具发现、工具调用和会话释放。浏览器通过 DF AI 后端访问 MCP 服务,后端统一处理认证、超时及错误;静态 HTML 本身无法完成整套真实连接能力。

2. 服务地址校验
  • 正式环境原则上使用 HTTPS;本机 HTTP 仅用于开发环境。
  • 后端校验目标域名、解析后的 IP 和重定向地址,限制非授权内部地址。
  • 不接受地址中嵌入用户名、密码等认证信息。
3. 会话管理

每个会话至少关联用户、连接器、配置版本、授权身份、工具列表和连接状态。配置或凭据变化后,应建立新会话,避免复用旧配置。服务重启后需重新建立连接或明确标记失效,不能保留虚假的“已连接”。

4. 调用记录

记录调用人、连接器、工具、时间、耗时及结果状态。参数与返回内容按敏感字段脱敏。写操作不能因网络超时而盲目自动重试,避免重复创建或重复修改。

六、开发联调候选

  • 飞书:远程 MCP、UAT/TAT、允许工具名单、应用权限和文档权限。
  • 腾讯广告:MCP KEY 与 Marketing API access_token 的配置及失效反馈。
  • 巨量引擎:官方服务配置、授权账户及工具发现。
  • 有道云笔记:SSE 连接、API Key、笔记检索与读取。
  • 腾讯 ima:核实官方接入方式;若仅提供 OpenAPI,需先封装为 MCP 服务。

腾讯 ima、有道云笔记为开发测试候选,尚未完成实际联调。测试使用专门账号与测试内容。

七、验收标准

  1. 保存配置后显示“未连接”,不能直接显示成功。
  2. 有效配置能够完成初始化并获取工具列表。
  3. 空工具列表、无效凭据、权限不足和超时有明确反馈。
  4. 连接取消、断开及会话失效能同步到所有关联界面。
  5. 工具调用按真实返回结果判定成功或失败。
  6. 不同用户的授权、会话及资源访问范围相互隔离。
  7. 前端、日志和报错不暴露真实密钥。
  8. 对话及专家仅使用有权访问且连接有效的工具。
  9. 写操作有确认机制,超时不会导致盲目重复执行。

八、当前原型与正式开发的边界

现有原型已包含配置表单及本地 MCP 运行服务代码,可作为开发参考;当前静态页面不能独立完成真实连接。正式开发仍需完成平台后端部署、用户身份绑定、凭据管理、令牌刷新、AI 工具编排和真实联调。本说明不代表上述能力已通过生产验收。

当前线上

当前线上“专家/技能/连接器”页面中,连接器入口置灰。

线上连接器入口截图点击放大 ↗
线上结构示意:此前测试线红框标出当前线上置灰的连接器入口。
连接器标签禁用状态的结构示意。
分支原型

优化1:连接器分为预置与自定义两类;自定义连接器可选“表单填写”或“JSON 配置”。
优化2:配置中填写传输方式、服务地址或命令、认证信息及可见范围,并展示连接状态与可用工具。
优化3:开发联调增加腾讯 ima、有道云笔记作为自定义连接器测试候选,验证配置、授权、工具发现、知识检索及异常反馈;实际可用能力以官方接入配置和授权范围为准。

分支原型截图点击放大 ↗
分支原型:连接器卡片和“表单填写 / JSON 配置”入口;当前分支实拍。
连接器卡片和“表单填写 / JSON 配置”入口;当前分支实拍。
腾讯广告 MCP 接入说明 ↗巨量引擎 MCP 接入说明 ↗飞书 MCP 接入说明 ↗

开发联调测试候选

服务接入准备建议测试场景
腾讯 ima
官方能力入口 ↗
准备测试账号、测试知识库和官方授权配置。当前未确认可直接填写的官方远程 MCP 地址;若提供的是 OpenAPI,需由技术封装为 MCP 服务,再填写该服务地址。检索测试知识库、读取授权内容、查看返回来源;验证无权访问知识库时的错误反馈。工具名称以实际发现结果为准。
有道云笔记
官方接入说明 ↗
官方说明提供 SSE 地址:https://open.mail.163.com/api/ynote/mcp/sse。从官方 MCP 控制台获取 API Key;账号需绑定手机号。认证字段与携带方式按控制台生成的配置填写。先验证连接和工具发现,再列出、搜索及读取测试笔记;确认空目录、无效凭据、连接超时和断开重连的反馈。

联调记录需区分“已保存配置”“握手成功”“已发现工具”和“调用成功”。使用专门测试账号及测试内容;涉及创建、修改或删除时使用可处置的测试笔记。以上为开发测试计划,尚未进行真实连接验证。

原型 UI 参数连接器卡片最低 166px 高、内边距 14px、圆角 16px;图标区 42 × 42px,名称 15px、描述 12px,状态辅助文字 11px。