Sponsored by
Vmake AI
Persona
Atoms
利用專門 AI 代理人，無需程式碼即可打造全端應用程式與網站的 AI 平台。
i10X
一體化 AI 平台，提供 500 多個 AI 工具及頂尖模型，皆在單一訂閱內。
Zawa
專為中小企業打造的 AI 品牌套件生成器與設計工具
Free
OfoxAI
統一的 API 閘道，可存取 GPT、Claude 與 Gemini 等 100 多種大型語言模型。
Verdent
幾分鐘內用日常語言打造您的產品
Persona產品資訊
Persona 是什麼？
Persona 是一個由 Runtype 開發的輕量級、開源、無框架 AI 對話 UI 函式庫，允許開發人員在任何網站或靜態 HTML 中嵌入開源、可自訂主題的 AI 對話小工具或全螢幕 Copilot 體驗。它不限後端架構（backend-agnostic）且原生支援 WebMCP，這意味著它能讓 AI 助理自動偵測並安全地執行由母頁面程式碼直接提供的工具（例如搜尋、購物車、預約和表單），並內建使用者確認機制。它支援 SSE 串流、代理人迴圈（agent loops）、使用 Shadow DOM 進行樣式隔離以防止 CSS 跑版、語音輸入／輸出，並包含一個功能豐富的主題編輯器。
如何使用Persona？
若要使用 Persona，可以透過 npm 安裝：輸入 'npm install @runtypelabs/persona'，或者在您的 HTML 檔案中透過 CDN 引入其全域 script 標籤。接著，使用 'initAgentWidget' 函式進行初始化，指定目標容器的選擇器（selector）並設定您自訂的伺服器傳送事件（SSE）後端 API 網址。此外，您也可以執行 'npx @runtypelabs/cli@latest persona init' 來產生可直接貼上的安裝程式碼片段。
Persona的核心功能
無框架且原生支援原生 JavaScript（Vanilla JS）
支援 WebMCP 標準，用於前端工具的偵測與執行
彈性的版面配置，包括懸浮小工具、停靠面板和全螢幕助理
透過 Shadow DOM 和前綴 CSS 實現樣式隔離
可插拔的 SSE 串流傳輸配接器（transport adapters）
內建語音輸入與輸出功能
功能完備、基於 Token 的主題編輯器
Persona 的用例
#1
在現有的靜態 HTML 或單頁應用程式（SPA）中加入 AI 客服或新手引導對話小工具
#2
建立一個可調整大小的側邊欄 Copilot，直接與應用程式狀態互動並執行頁面層級的工具
#3
部署一個全螢幕的 AI 助理資訊看板（dashboard），支援 Markdown 表格串流與成品分割區（artifact splits）
來自 Persona 的常見問題解答
什麼是 WebMCP？Persona 如何使用它？
嵌入 Persona 會弄亂我網站現有的樣式嗎？
Raccoon AI
處理應用程式、研究、文件及一切事務的 AI 協作夥伴。Raccoon AI 是一個用於完成實際工作的協作式 AI 代理與工作區。你只需描述需求，並與擁有自己電腦、終端機、瀏覽器與網路能力的 AI 代理共同建構。你可以看見它的每個想法、每個建立的檔案與每個決策。在它偏離時修正方向，並在完成時立即發布。部署網頁應用、執行深度研究、分析資料，並製作簡報、影片、圖像與文件等。
立即嘗試
Persona 評論 (0)
5 分，滿分 5 分
Chatbot App
這是一個多模型的 AI 聊天平台，讓您能在一處即時切換或並列運行包含 ChatGPT、Claude、Gemini 等 30 多種頂尖 AI 模型。
立即嘗試
AD
分析Persona
Persona 網站流量分析
Persona 啟動嵌入
使用網站徽章來推動社區對 Toolify 發布的支持。 它們很容易嵌入您的主頁或頁腳。
Light
Neutral
Dark
複製嵌入代碼
如何安裝？Persona 的替代方案
社群媒體聆聽