Scira Mcp Chat について
Scira MCP Chat は、Next.js と Vercel の AI SDK で構築されたオープンソースの AI チャットアプリで、MCP サーバーによるツールの拡張に対応しています。チャット画面から リモートサーバーを追加・有効化したいユーザーに適しています。
主な機能
- 01複数の AI プロバイダーを切り替え可能なストリーミング応答
- 02HTTP や SSE による MCP サーバー接続
- 03チャット画面での MCP サーバーの追加と有効化
- 04推論モデルへの対応
- 05shadcn/ui と Tailwind CSS による UI
活用シーン
- 01チャットから Composio や Zapier MCP のツールを利用する
- 02リモートの MCP サーバー経由で Hugging Face Hub のツールにアクセスする
- 03チャットセッションごとに異なる MCP サーバーを有効にする
MCP 対応
本プロジェクトは MCP クライアントであり、HTTP または SSE のトランスポートでリモートサーバーに接続し、チャットセッション内でそのツールを有効にします。
詳細
Scira MCP Chat
Model Context Protocol(MCP)を活用したオープンソースの AI チャットボットアプリです。Next.js と Vercel の AI SDK で構築されています。
機能
- Vercel の AI SDK を活用したストリーミングテキスト応答により、わずか数行のコードで複数の AI プロバイダーを切り替えて使用できます。
- Model Context Protocol(MCP) サーバーとの完全な統合により、利用できるツールと機能を拡張できます。
- さまざまな MCP ツールプロバイダーに接続するための HTTP および SSE トランスポートタイプに対応しています。
- AI の機能を拡張するツール統合機能を内蔵しています。
- 推論モデルに対応しています。
- Tailwind CSS を活用したモダンでレスポンシブな UI を実現する shadcn/ui コンポーネントを使用しています。
- 最新の Next.js App Router で構築されています。
MCP サーバーの設定
このアプリケーションは、Model Context Protocol(MCP)サーバーに接続して、そのツールにアクセスできます。チャットインターフェースの設定アイコンから、MCP サーバーを追加・管理できます。
MCP サーバーの追加
- チャットインターフェースでモデルセレクターの横にある設定アイコン(⚙️)をクリックします。
- MCP サーバーの名前を入力します。
- トランスポートタイプを選択します。
- HTTP:HTTP ベースのリモートサーバー用
- SSE(Server-Sent Events):SSE ベースのリモートサーバー用
HTTP または SSE の設定
- サーバー URL を入力します(例:
https://mcp.example.com/mcpまたはhttps://mcp.example.com/token/sse) - 「Add Server」をクリックします。
- 「Enable Server」をクリックして、現在のチャットセッションでサーバーを有効にします。
利用可能な MCP サーバー
このアプリケーションでは、MCP 互換のサーバーを利用できます。以下に例を示します。
- Composio - 検索、コードインタープリターなどのツールを提供します
- Zapier MCP - Zapier のツールにアクセスできます
- Hugging Face MCP - Hugging Face Hub のツールにアクセスできます
- HTTP または SSE トランスポートに対応する任意の MCP サーバー
ライセンス
このプロジェクトは Apache License 2.0 の下でライセンスされています。詳細については、LICENSE ファイルを参照してください。
コメント
Markdown 対応
AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。