上一章，我们和某位意大利水管工一样，在VCP前后端的管线里克服了重重困难，并带回了我们的“公主”——Nova。 为了庆祝英雄的凯旋，今天这篇文章我们来放松一下，带大家认识一下VCP的前后端界面，也帮助大家熟悉VCP的操作。 我们先从大家最常接触的前端界面——VCPChat开始。
一、交互之窗：VCPChat
VCPChat 是 VCP 生态的前端交互层，基于 Electron 构建的桌面客户端。它不是一个"简单的聊天框"，而是 Agent 的感官系统与表达界面——如果把 VCPToolBox（后端）比作大脑和神经中枢，那 VCPChat 就是眼睛、耳朵、嘴巴和皮肤。
一句话定位：VCPChat = Agent 的具身界面 + 用户的沉浸式交互终端。
1.Agent 管理 我们在上一篇已经展示了如何唤醒一位Agent女仆，接下来给大家详细讲解平日和女仆们聊天会用到的功能。
界面一览： VCPChat的管理界面由三个部分组成
[助手] [话题] [设置]
1 / 4
[助手]界面：展示你的所有Agent和群聊；操作逻辑和通常的聊天软件一样。
这个界面的主要功能是创建Agent和创建群聊。
[点击] 可以打开对应聊天；[长按拖拽]可以排序。
[红点🔴]表示有未读的对话（是的，女仆是可以主动找你聊天的）
[话题]界面：管理你和女仆的聊天记录。（创建话题在窗口右上角）
这个界面的主要功能是 [话题重命名]、[排序] 和 [删除话题]。
[左键点击] 可以打开对应聊天记录；[右键点击] 展开话题管理。
[unlocked]标志 表示这个话题AI可以自己主动阅读以及编辑。
[设置]界面：管理你的Agent设定
这个界面的主要功能是 [Agent前端命名]、[Agent提示词编辑]、[模型管理与设置]
[Agent前端命名]: 尽量保持你的女仆名称与提示词里的名称一样
[Agent提示词编辑]: 提示词的编写有三种方式，[文本]、[模块化] 和 [临时与预制]
[模型管理与设置]: 可以选择女仆使用的模型以及配置模型参数。
提示词的编辑方式： 提示词的编辑涉及VCP的变量替换，我们这里先只展示如何在提示词编辑中使用。 更详细的变量体系介绍可以自主参考后端的README文件；或者等待教程介绍。 介绍文件位置在："VCPToolBox\Plugin\RAGDiaryPlugin\README.md" 群里的欧阳大佬（ @惫懒の欧阳川 ）也做了相关的介绍配置视频，想要深入了解的朋友也可以去看视频支持一下。
agent提示词的变量替换需要在后端做一个映射
[文本]：以Nova为例 ①{{agent:Nova}}：表示全量注入agent女仆Nova的提示词。 ②{{VCPTavern::dailychat}}：VCPTavern是后端的上下文注入器插件，负责将文本中的各类变量格式转换成对应的文本。 VCPTavern::dailychat表示采用dailychat预设进行聊天。
[模块化]： 在文本内容上和 [文本] 是一样的，只是编辑方式有差异，简单来讲就是像搭积木一样写文本。 ①点击[添加积木块]会创建一个可编辑的”空积木块“；双击可编辑文本，可将变量格式写进积木块。 [添加换行]会增加一个 [\n] 的空积木块实现换行。 ②[隐藏积木块小仓]: 模块化的核心用法，可将编写好变量文本的积木块拖入仓库可实现积木块的储存，随用随取。
[临时与预制]: 将后端的Agent文件夹内的 .txt 文件内容直接填入系统提示词。 ①设置 预设文件夹路径 到后端“VCPToolBox\Agent”文件夹。 ② 点击 选择预设 会显示这个文件夹下所有 .txt 文件，选择对应文件即可。
1 / 3
[全局设置]界面 全局设置里可以管理前端的多项功能 [Agent气泡渲染] [划词助手] [分布式服务器] 等等功能。 如果嫌一个个配置麻烦，可以全部打开。 这里边的功能会在之后一一介绍，现在让我们继续界面上其他内容的介绍。
注：开启 [Agent自定义气泡主题] 后，会将一个前端渲染协议注入Agent上下文，让女仆们可以自定义自己的气泡，创作自己的“气泡美学”。
2.多功能信息中心
接下来我们来看VCPChat的顶部信息栏。 这是VCP的多功能信息中心，VCPChat的很多功能窗口都是从这里展开和启动的。
顶部信息栏我划分了三个部分，绿色部分是 [Agent信息以及心流锁启动器] ；蓝色部分是 [主要功能按钮] ；红色部分是 [全局窗口控制] 。
我们从左往右依次介绍：
①[Agent信息以及心流锁启动器]：绿色部分 这部分的功能就两个
显示你正在和哪个Agent交流。
[右键]控制心流锁的开启和关闭。
②[主要功能按钮]：蓝色部分 从左往右五个按钮分别是 [划词助手]、[通知中心]、[明暗主题]、[新建聊天话题]、[语音聊天]。指针悬停在这几个按钮上会显示左键和右键分别会启动什么功能。
[划词助手]： [左键]：打开划词助手。 [左键长按松开]：可唤出划词聊天窗口。 [右键]：可以折叠我们刚才讲解的Agent信息侧边栏。
[通知中心]：🔔 [左键]：打开信息侧边栏。 [右键]：打开VCP信息流监听器
1 / 3
[信息侧边栏] [左键]打开信息侧边栏后又会出现一大堆新功能，不过别担心，我们一个一个来介绍。
[VCP论坛/VCPMemo中心]： 时间显示右边的“对话气泡”图标的按钮是控制[VCP论坛]（左键）和[VCPMemo中心]（右键）的窗口。 [VCP论坛]：Agent的论坛 [VCPMemo中心]：管理Agent的日记文件，对应的文件夹是后端的"VCPToolBox\dailynote"文件夹。
[过滤]：控制 VCPLog 的信息显示。 [左键]：打开过滤模式 [右键]：打开过滤设置，可以控制通知的显示规则（一般不用管）
[清空]：清空信息中心的通知。
[翻译] [笔记] [音乐] [协同] 实用工具栏！
[翻译]：调用后端API实现的AI翻译工具 [笔记]：VCP自带的笔记工具，支持HTML和CSS渲染 [音乐]：由VCP发起人@Lionsky编写的超强音乐解析器（无敌音质！用了都说好） [协同]：Canvas编辑器，代码工具，能让AI和你一起编程。
[VCP信息流监听器] 用来监听VCP后台的信息动向，能让你看到VCP的RAG系统在处理的信息文本。
[明暗主题] 切换窗口白天和夜晚主题
[新建聊天话题] 这个就不用解释了吧(*·д·}?
[语音聊天] 能打开一个语音聊天窗口，但是目前还有一点点小问题＞﹏＜。
③[全局窗口控制]：红色部分 这个部分是控制VCPChat主体窗口的部分 从左往右分别是 [选择窗口主题] [最小化到托盘] [最小化] [最大化] [关闭]。
[选择窗口主题] [左键]点击可以打开主题选择界面。 选择好主题后，滑动到最下边，点击[应用并刷新]，即可更换主题。
3.输入栏 这个部分和其他AI应用前端类似，所以不再赘述。
至此，VCPChat的各类界面的开启和功能都以讲解完毕。
二、功能之盒：VCPToolBox
接下来我们讲解后端的管理界面。
1.进入后端界面的方法 浏览器输入以下地址：
http://localhost:6005/AdminPanel/
这是你本地的6005端口。如果你在上一期配置的过程中用的是默认端口，应该会看到登录界面。反之，请改成你自己设置的端口。
2.登陆界面
登陆界面的账号密码是你在VCPToolBox的 config.env 文件里填写的
AdminUsername AdminPassword
请输入对应密码（复制粘贴） 多次输错会导致后端开启黑名单临时限制访问 可以手动解除，但我不想教方法，就当长个记性
3.VCPToolBox管理面板
成功登录后你就可以看到这样一个管理面板。
左侧是VCP的功能管理栏，右侧是显示界面。
左侧功能栏下拉会看到一个 [✅已启用插件]
这条分界线以下是VCP的插件列表
4.重要功能讲解
我们先来讲解一下比较重要的功能界面。
[Agent 管理]
[Agent 助手配置]
[占位符查看器]
[工具列表配置编辑器]
[梦境审批]
①[Agent 管理] 在这里注册你的Agent变量
Agent 映射表 这个映射表就是前端提示词里的 {{agent:Nova}} 变量的设置位置。
逻辑如下：
点击 [添加新Agent] 会创建一个映射栏位。
如上图 【Nova → Nova.txt 】
箭头左边是变量名称，也就是 {{ }} 变量语法中要填写的内容
箭头右边是映射文件，是一个下拉列表。 点击可以看到 "VCPToolBox\Agent" 目录下的文件，这也就是你预制Agent提示词的地方。
选择你想对应的Agent提示词，然后这个变量在VCP系统里就被映射为对应的 .txt 文件。 即：你在前端输入的任何 {{agentname}} 字段都会被替换成这个 .txt 文件里的内容
②[Agent 助手配置]
这个是插件 AgentAssistant 的注册界面。 这个插件你可以理解为你的AI女仆之间打电话的协议。
既然是电话，那就需要通讯录。
这个界面就是注册Agent通讯录的地方。根据图片提示可以快捷注册。
③[占位符查看器]
查看变量的界面。 显示所有 {{ }} 语法的内容、写法和字数。 是查看提示词Token异常时的重要依据。
④[工具列表配置编辑器]
配置工具变量文件的位置，如果要自定义工具包的时候使用。 PS：不要把工具全选上！那样token会爆炸！
使用顺序看图中 创建→命名→选择工具→保存→导出文件
⑤[梦境审批]
这个界面是VCP的Agent梦境管理。 在VCP中，AI Agent是可以做梦的，在梦中女仆们会自己整理自己的记忆并且创造梦境内容，甚至会说梦话。
这个部分需要配置好梦境插件才能使用，我们这一章节只做了解，让你知道VCP有这样一个功能。
5.禁用和启用插件
在功能列表里你会看到两个分界线：
[✅已启用插件] 和 [✅已禁用插件]
选中列表中的插件后，会在右侧展开插件的详细配置。 可以通过这种方式了解插件的功能。
插件上部会有一个按钮
[启用插件] / [禁用插件]
点击可启用/禁用插件。 插件修改后需要点击下方保存，并重启后端服务才能应用。
----
至此前后端界面的重要功能和界面讲解就结束了。
感谢你能看到这里。
因为这次的教程写起来确实太费劲了。
祝大家开工大吉，VCP越用越顺手。
作者：碧雨青潭
此内容由惯性聚合(RSS阅读器)自动聚合整理，仅供阅读参考。 原文来自 — 版权归原作者所有。