Persona
AI开发助手内置SSE流式输出、智能体循环执行、Shadow DOM样式隔离规避全局CSS污染、语音收发能力，同时搭载完整可视化主题编辑器，支持可视化自定义界面视觉样式。
详细介绍
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表格流式渲染、分屏组件内容展示
相关推荐
reAPI
提供兼容OpenAI标准的统一调用端点，整合对话、图像、视频、音乐、代码全品类多模态大模型。
AgnesCode
产品以一体化输入窗口为核心载体，打通本地工程、多模型调度、第三方工具扩展三大能力，内置智能、专家两种操作模式，搭载可复用Skills封装能力与MCP跨应用互联协议。
HappySeeds
仅需输入创意构想，即可一键生成可直接对外发布的完整应用。
CodeMote
将手机转化为便携式开发控制台，脱离电脑也可应急修复漏洞、追踪AI编码进度、查阅代码变更、参与远程团队协作；内置锁屏实时监控、全套Git操作、文件管理能力。
KroWork
支持将高频重复工作流封装为轻量化复用应用；国内版本兼容通义千问、Kimi、DeepSeek大模型，国际版本适配OpenAI、Anthropic系列模型。
LiveContext
平台整合对话交互、可视化工作流、AI智能体、内部应用、API对接、内置数据表、全链路审计日志与标准化自动化模板市场，一站式覆盖自动化全生命周期需求。
热门工具
Turner AI
全程无需注册登录、导出无水印，仅通过自然语言提示词即可完成背景替换、杂物移除、光影校正、色彩调节、文字细节精修等全类型图片调整，轻量化快速出图。
Style3D AI
依托先进生成式AI能力，支持通过文字描述快速产出高精度服装视觉效果，无需手绘建模、无需实景拍摄，一站式完成服装概念创作、虚拟试穿、商业出图全流程。
图星人
平台聚焦解决创作者设计效率低、素材版权风险高两大痛点，覆盖国风美学、3D设计、营销海报等十大视觉品类，日均AI出图超百万张，是设计师、自媒体运营、营销从业者的高效设计工具。
Khroma
依托神经网络学习用户色彩偏好，批量生成海量适配配色方案，支持自由浏览、精准筛选、永久收藏，一站式解决各类设计场景配色需求。
Eva Design System
专为设计师打造，可智能输出合规、美观、适配场景的品牌色与语义色，高效赋能品牌视觉、UI界面等各类设计工作。
InteriorCapsule
平台核心差异化优势：效果图内每件家具均匹配乐天、Yahoo!购物、品牌直营店上万款日本在售实景商品，附带直达购买链接，实现设计方案一键落地采购。
温馨提示
本站仅做工具收录与导航，点击"直达官网"将跳转至外部网站，请注意账号与财产安全。