AI工作站

Persona是Runtype推出的轻量化开源纯原生JS聊天界面组件库，无任何前端框架绑定，可嵌入任意网页、静态HTML页面，快速搭建可自定义主题的悬浮对话窗口或全屏AI副驾驶交互界面。库不绑定专属后端服务，原生兼容WebMCP标准化协议，AI助手可自动识别、安全调用页面原生开放工具接口，涵盖检索、购物车、预约、表单操作等页面能力，配套交互确认机制保障操作安全。

一、产品核心功能：

1、无框架原生Vanilla JS架构：不依赖Vue/React等前端框架，适配全类型网页环境

2、WebMCP协议原生适配：标准化客户端工具自动识别、安全调用，打通页面原生交互能力

3、多布局交互形态：支持悬浮聊天窗口、侧边停靠栏、全屏AI副驾驶三种展示模式

4、Shadow DOM+CSS前缀双重隔离机制：彻底规避组件样式污染页面原有全局样式

5、可插拔SSE流式传输适配器：灵活对接各类流式大模型后端，实时输出分段内容

6、原生语音输入输出模块：内置语音录入、AI语音播报能力，拓展语音交互场景

7、Token驱动可视化主题编辑器：全功能可视化配置界面配色、尺寸、交互样式，自定义组件外观

二、快速使用步骤：

1、资源引入部署：两种接入方式可选，其一执行`npm install @runtypelabs/persona`完成npm包安装；其二直接在HTML页面通过CDN引入全局脚本标签。

2、组件初始化配置：调用`initAgentWidget`初始化方法，指定页面容器选择器，配置SSE流式后端API接口地址。

3、一键生成部署代码：执行`npx @runtypelabs/cli@latest persona init`，自动生成可直接复制粘贴的完整接入代码片段。

三、场景应用案例：

1、网页智能引导客服搭建：在静态HTML、SPA单页应用内快速植入AI客服、新手引导对话组件

2、侧边栏AI开发副驾驶：可缩放侧边栏Copilot，直接读取页面状态、调用页面内置工具完成交互操作

3、全屏AI智能助手控制台：搭建全屏交互看板，支持Markdown表格流式渲染、分屏组件内容展示

数据统计