伴随着生成式人工智能技术发展,进2年涌现出大语言模型LLM/Agent系统/AI推理等众多方向的技术项目和论文。其中对话系统,智能体交互是用户通过UX界面和AI系统进行交互,这种交互有时候也是多模态(用户输入文字/语音/图像)等等。今天未大家介绍一个在线的"对话模拟器"可视化的工具 (Online Dialogue Visualization Tool),方便产品经理,算法研发,学术研究过程中可视化多智能体多轮对话 ( Multi-Agent Multi-TurnDialogue Visualization)。用户只用把多轮对话的Json数据输入,前端渲染的图片和分享H5 链接可以方便加到产品原型文档,学术论文,技术博客中。
工具地址 DeepNLP Dialogue Visualization Tool:http://www.deepnlp.org/workspace/dialogue_visualization
来源:http://www.deepnlp.org/blog/dialogue-agent-multimodal-visualization-tools-for-ai-systems
Dialogue Simulator" height="366" src="https://i-blog.csdnimg.cn/direct/648187e10dc74188b915027b7ca0c9d3.png" width="254" />
1. 以一个多轮对话为例
产出Json数据:
我们定义3个对话角色:老板(Agent),同事A(Agent),Human(用户)。
多轮数据:我们输入的多轮对话的Json格式如下,放到 "messages" 这个key下面,对话数据和在线调用 OpenAI/ Qwen等大模型API Key的对话格式保持一致,每个对话包含的 "role", "content" 连个字段外,"id" 字段会自动关联到 角色的avatar图片地址。
多智能体:Multi-Agent中每个角色的ID放到 "agent" 这个key下面,包含两个字段:id,avatar,方便用户更改对话模拟器的Agent头像的URL。
例如我们网上搜到的icon:
特朗普Avatar: https://t11.baidu.com/it/u=1413379684,507496555&fm=58
马斯克Avatar: https://t11.baidu.com/it/u=2978706694,1411251294&fm=58
对话数据:
{
"agent": {
"老板": {
"id": "老板",
"avatar": "https://t11.baidu.com/it/u=2978706694,1411251294&fm=58"
},
"同事A": {
"id": "同事A",
"avatar": "https://t11.baidu.com/it/u=1413379684,507496555&fm=58"
},
"Human": {
"id": "Human",
"avatar": "/scripts/img/dialogue_visualization/male_icon_1.webp"
}
},
"messages": [
{
"timestamp": "2024-09-19 17:06:11",
"id": "老板",
"content": "你为什么刚刚离开工位了10分钟",
"role": "ai"
},
{
"timestamp": "2024-09-19 17:07:11",
"id": "Human",
"content": "我去一趟卫生间",
"role": "human"
},
{
"timestamp": "2024-09-19 17:06:19",
"id": "同事A",
"content": "是吗? 你今天可已经去了不下5次了,我们都在忙着出报表,你还真是闲哈",
"role": "ai"
},
{
"timestamp": "2024-09-19 17:07:11",
"id": "Human",
"content": "小仙男!",
"role": "human"
},
{
"timestamp": "2024-09-19 17:08:19",
"id": "老板",
"content": "好了我们还是要专业一些,不要内斗影响团队战斗力",
"role": "ai"
},
{
"timestamp": "2024-09-19 17:09:19",
"id": "同事A",
"content": "那要看这个人了。。。",
"role": "ai"
}
]
}
点击可视化Visualize
接下来就可以调整对话中文本,点击 Visualize 按钮,可以在右边产出对应的多轮对话截图和效果了。
分享
点击Share按钮,产出了H5的分享链接,例如
http://www.deepnlp.org/workspace/share/dialogue/temp_1edb9199/9ad4332198094ed49956bde25f8f0bea
http://www.deepnlp.org/workspace/share/dialogue/temp_311f0e28/7618a8b59be44831b362ef2cbc4072e8