Persona
Personaとは何ですか？
Personaは、Runtypeが開発した軽量でオープンソース、フレームワーク不要（フレームワークフリー）のAIチャットUIライブラリです。開発者は、あらゆるWebサイトや静的HTMLに、テーマカスタマイズが可能なAIチャットウィジェットやフルスクリーンのコパイロット体験を簡単に埋め込むことができます。バックエンドに依存しない設計で、WebMCPにネイティブ対応しているため、親ページのコード内で公開されているツール（検索、カート、予約、フォームなど）をAIアシスタントが自動的に検出・安全に実行でき、ユーザーによる承認機能も組み込まれています。SSE（Server-Sent Events）ストリーミング、エージェントループ、CSSの競合を防ぐShadow DOMによるスタイル隔離、音声入出力に対応しており、充実したテーマエディタも搭載しています。
Personaの使い方は？
Personaを使用するには、npm経由で「npm install @runtypelabs/persona」を実行してインストールするか、HTMLファイルにCDN経由でグローバルスクリプトタグをインクルードします。その後、「initAgentWidget」関数を初期化し、対象のコンテナセレクターを指定して、カスタムSSE（Server-Sent Events）バックエンドのAPI URLを設定します。または、「npx @runtypelabs/cli@latest persona init」を実行して、そのまま貼り付けて使えるインストーラースニペットを生成することも可能です。
Personaのコア機能
フレームワーク不要、バニラJavaScriptにネイティブ対応
クライアントサイドでのツール検出・実行のためのWebMCP標準対応
フローティングウィジェット、ドッキングパネル、フルスクリーンアシスタントなどの柔軟なレイアウト
Shadow DOMとプレフィックス付きCSSによるスタイル隔離
プラグイン形式のSSEストリーミングトランスポートアダプター
組み込みの音声入力および音声出力機能
トークンベースの充実したテーマエディタ
Personaの使用例
既存の静的HTMLやシングルページアプリケーション（SPA）への、AIサポートまたはオンボーディングチャットウィジェットの追加
アプリケーションの状態（ステート）と直接対話し、ページレベルのツールを実行する、サイズ変更可能なサイドパネル型コパイロットの作成
ストリーミング対応のMarkdownテーブルやアーティファクト分割画面を備えた、フルビューポートのAIアシスタントダッシュボードの構築
PersonaのFAQ
WebMCPとは何ですか？Personaではどのように使用されますか？
Personaを埋め込むことで、既存のWebサイトのスタイル（CSS）が崩れることはありますか？
Persona レビュー (0)
Persona の分析
Persona ウェブサイトのトラフィック分析
Persona 埋め込みを起動する
ウェブサイトバッジを使用して、Toolify Launchに対するコミュニティからのサポートを促進しましょう。ホームページやフッターに簡単に埋め込むことができます。
ソーシャルリスニング