AI 聊天機器人
Persona.js
輕量級、可自訂主題的 AI 聊天小工具,使用純 JavaScript 構建,支援串流、語音、工具呼叫和外掛系統。
Persona.js
什麼是 Persona.js?
Persona.js 是一個開源、無框架依賴的 AI 聊天小工具,可嵌入任何網站。它提供即插即用的 UI,支援串流回應、語音輸入/輸出、工具呼叫和外掛系統。
Persona.js 與相似工具比較
W Wave | ||||
|---|---|---|---|---|
| 計價模式 | 免費 | 免費 | 免費 | 免費 |
| 免費額度 | ||||
| 主要功能 |
|
|
|
|
| 優點 |
|
|
|
|
| 缺點 |
|
|
|
|
| 適合對象 |
|
|
|
|
如何使用 Persona.js?
- 1透過 npm 安裝:npm install @runtypelabs/persona
- 2匯入並初始化:import { initAgentWidget } from "@runtypelabs/persona"; initAgentWidget({ target: "#chat", config: { apiUrl: "your-api-url" } });
- 3或使用 script 標籤:設定 window.siteAgentConfig 並載入安裝腳本。
- 4透過 config 物件配置佈局(浮動、固定、全螢幕)和功能。
Persona.js 主要功能
- 串流聊天(SSE)
- 語音輸入與輸出
- 工具呼叫與人工審核
- 豐富內容的 Artifacts 面板
- 浮動、固定、全螢幕佈局
- 含 14 個渲染鉤子的外掛系統
- 推理泡泡與思維鏈
- 多模態內容(圖片、文件)
- 主題與設計 Token
- 事件串流檢查器
Persona.js 使用情境
- 為文件網站添加 AI 助手
- 建置客戶支援聊天機器人
- 為 SaaS 應用程式建立 Copilot
- 在任何網頁中嵌入對話式介面
Persona.js 價格與免費點數
Persona.js 目前採用 免費 模式。
Persona.js 優缺點
優點
- 輕量且無框架依賴
- 後端無關(適用於任何支援 SSE 的後端)
- 豐富的功能集(語音、工具、Artifacts)
- 用於自訂的外掛系統
- 多種佈局選項
缺點
- 需要自行託管或後端設置
- 非託管服務——需要開發者整合
- 預建整合有限(但可擴展)
Persona.js 最適合哪些用途?
- 想要在其網站上添加 AI 聊天 UI 的開發者
- 使用 JavaScript 前端建立自訂 AI 助手的團隊