Persona.js

Hey Product Hunt 👋 我是 Nathan，Runtype 的联合创始人，也是 Persona 的核心开发者之一。 Persona 是全球首个原生支持 WebMCP 的 AI 对话库。它是一个不依赖框架的对话 UI，可以嵌入任何现有网站或应用，轻松为产品添加 AI 能力。 为什么要构建它 大多数 AI 对话库都假设使用者从零开始基于 React 构建。Persona 是为互联网上的其他场景打造的：现有站点、混合前端技术栈、专有 CMS，以及希望获得现代 AI 体验而无需用 React 重写的团队。无需构建步骤即可集成，通过配置和内置编辑器自定义整个体验的主题，然后将其部署为对话小组件、全屏 ChatGPT/Claude 风格界面（支持 artifacts），或介于两者之间的任何形态。 开箱即用外观精致，无需代码即可实现相当深度的自定义，同时也为需要更深入控制的开发者提供了钩子和插件。 基于原生 JS 构建，可在任何环境运行——WordPress、Shopify Liquid、静态 HTML 站点等。 最令人兴奋的部分：WebMCP 🧩 Persona 是首个原生支持 WebMCP 的 Agent UI 框架。WebMCP 刚在 Chrome 中发布，其他浏览器也有 polyfill 可用。通过 WebMCP，可以直接在前端注册面向 agent 的工具，这使得基于 Persona 的 agent 能够以更高的灵活性和 token 效率直接操作前端应用，远超其他方案（无头浏览器、自定义前端工具等）。 如果已有一个成熟的 Web 应用，相比构建全新后端，这是启用 AI 能力的更快路径。由于 WebMCP 工具可直接挂接到前端代码，体验更像真正的"copilot"而非外挂功能，所有常规副作用和 UX 都得以保留，同时应用获得了更强的能力。 一些精彩演示： 全屏助手 → 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 等主流框架的示例和文档。 如果希望尽快部署对话 agent，CLI 命令： npx @runtypelabs/cli@latest persona init …几分钟内即可在 Runtype 平台上搭建一个支持 WebMCP 的对话 agent。 适用人群 希望为现有产品添加 AI 体验、无需重写，并希望利用我们对前沿 AI 体验细节的深入打磨来快速部署的构建者。 仓库、文档和示例：github.com/runtypelabs/persona 欢迎反馈！如果曾尝试将 AI 集成到现有应用中，很好奇什么最难：选择合适的框架、搭建新后端、连接工具、构建评估体系，还是信任 AI 的实际输出。欢迎在评论中深入讨论 WebMCP。