Persona.js

嘿 Product Hunt 👋 我是 Nathan，Runtype 的联合创始人，也是 Persona 的开发者之一。

Persona 是全球首个原生支持 WebMCP 的 AI 对话库。它是一个与框架无关的对话 UI，你可以将它嵌入任何现有网站或应用，轻松为你的产品添加 AI 能力。

我们为什么打造它

大多数 AI 对话库都假设你是从零开始用 React 开发。而 Persona 是为互联网上其他场景打造的：现有网站、混合前端技术栈、私有 CMS，以及那些想要现代化 AI 体验却不愿用 React 重构的团队。无需构建步骤就能嵌入，通过配置和内置编辑器就能对整个体验进行主题定制，然后你可以将它发布为对话小部件、类似 ChatGPT/Claude 带产物功能的全屏界面，或是介于两者之间的任何形式。

它开箱即用，外观精致，而且无需代码就能实现深度自定义，同时在开发者需要深入定制时，仍提供了钩子和插件支持。

它用原生 JavaScript 构建，因此可以在任何场景运行：WordPress、Shopify Liquid、静态 HTML 网站等等。

最让我们兴奋的部分：WebMCP 🧩

Persona 是首个原生支持 WebMCP 的智能代理 UI 框架，WebMCP 刚刚在 Chrome 中正式推出，并且提供了兼容所有其他浏览器的 polyfill。借助 WebMCP，你可以直接在前端注册面向智能代理的工具，这让基于 Persona 的代理能够更灵活、更节省 Token 地直接使用你的前端应用，远优于其他方案（无头浏览器、自建前端工具等）。

如果你已经有一个成熟的 Web 应用，相比从零搭建全新后端，这是在你的应用中启用 AI 能力快得多的路径。而且由于 WebMCP 工具可以直接对接前端代码，体验会更像“副驾驶”，而非强行附加的功能——在你的应用能力提升的同时，所有常规的副作用和用户体验都能得到保留。

一些精彩演示：

• 全屏助手 → persona-chat.dev/fullscreen-assistant-demo.html

• 幻灯片 → persona-chat.dev/webmcp-slides.html

• 日历 → persona-chat.dev/webmcp-calendar.html

• 画图 → persona-chat.dev/webmcp-paint.html

WebMCP 已经成熟到可以开始基于它开发了，而 Persona 通过内置 polyfill让这件事变得非常简单。

开源免费，无厂商绑定

Persona 采用MIT 许可证开源。它虽然由一家 AI 平台公司开发，但刻意设计为不与 Runtype 绑定。你可以将它部署在任何框架上，只需少量粘合代码就能对接任何基于 SSE 的 AI 端点。仓库中包含 Flue、Eve、OpenAI Agents SDK 等热门框架的示例，以及文档，你现有的开发工具可以快速上手实现。

如果你想要尽快部署对话代理，只需执行以下 CLI 命令：

npx @runtypelabs/cli@latest persona init

…就能在几分钟内在 Runtype 平台上为你搭建好一个支持 WebMCP 的对话代理。

适合人群

适合想要给已有产品添加 AI 体验、无需重写代码，并且希望受益于我们对前沿 AI 体验细节的打磨，从而可以快速部署的开发者。

代码仓库、文档和示例： github.com/runtypelabs/persona

我们期待你的反馈！如果你试过给现有应用添加 AI，我很好奇哪部分最难：选择合适的框架、搭建新后端、对接工具、构建正确的评估，还是信任 AI 的实际输出。欢迎在评论区深入讨论 WebMCP。