Persona.js.

Persona.js

Persona.js 是一个开源的 VanillaJS 智能代理 UI 库，帮助开发者在纯 JavaScript 环境中快速构建智能前端交互体验。它轻量、可扩展，原生支持 WebMCP 协议，能够与任何技术栈和 SSE 后端无缝协作。

产品亮点

• 零框架依赖：无需 React、Vue 或 Angular，纯原生 JavaScript 实现，可在任何网页中直接嵌入
• 多种交互形态：支持悬浮窗、侧边停靠、全屏三种布局模式，通过简单配置即可自由切换
• 样式完全隔离：采用 Shadow DOM 渲染和前缀化 CSS，确保组件样式与宿主页面互不干扰
• WebMCP 原生支持：自动发现页面工具并驱动执行，内置用户确认机制，无需后端改造
• 灵活主题系统：三层 Token 架构（调色板、语义层、组件层），支持深色模式，提供实时主题编辑器
• 任意后端适配：SSE 流式传输配合可插拔解析器，通过 customFetch 和 parseSSEEvent 适配任意 API 格式

应用场景

• 智能客服系统：快速部署悬浮聊天窗口，为用户提供即时支持与问题解答
• 应用内 Copilot：以侧边栏形式嵌入 SaaS 产品，辅助用户完成复杂操作流程
• 电商导购助手：通过 WebMCP 直接调用页面搜索、购物车、预订等功能，实现对话式购物体验
• 文档与开发者工具：为技术文档或开发者平台提供可交互的全屏 AI 助手，提升信息获取效率

目标受众

本工具面向希望为 Web 应用添加 AI 交互能力的前端开发者、全栈工程师以及产品团队，特别适合追求轻量集成、避免框架锁定、需要快速上线的技术决策者。