MCP Client Browser

mcp-client-browserは、ブラウザにMCP（モデル制御プロトコル）サポートを提供し、大規模言語モデルとのシームレスな対話を実現するTypeScriptライブラリです。

人工知能チャットボット開発者ツール #ブラウザ対話 #モデルプロトコル #AIツール #フロントエンド統合 .TypeScript

スコア : 2ポイント

ダウンロード数 : 8.9K

更新時間 : 2025-04-28

サイトを開く

MCPクライアントブラウザとは？

MCPクライアントブラウザは、ウェブブラウザ内で直接AIモデルと対話できるツールライブラリです。標準のMCPプロトコルを使用してサーバーと通信し、バックエンドを構築することなくスマートな対話機能を実現します。

MCPクライアントブラウザの使い方は？

ウェブアプリケーションにこのライブラリをインストールし、MCPサーバーのアドレスを設定するだけで、リクエストを送信してAIモデルの応答を受け取ることができます。

適用シーン

ウェブページにAIチャット機能、スマートなライティングアシスタント、または教育用のインタラクティブアプリケーションを統合する必要があるシーンに適しています。

主な機能

ブラウザで直接実行

完全にブラウザ環境で動作し、バックエンドサーバーのサポートを必要としません。

MCPプロトコルサポート

Model Control Protocol標準に互換性があり、さまざまなMCPサーバーと通信できます。

Cherryテンプレート統合

Cherry Studioのプロンプトテンプレート形式を組み込みでサポートし、対話フローの設計を簡素化します。

シンプルなAPI

明確で使いやすいTypeScriptインターフェースを提供し、さまざまなフロントエンドプロジェクトにすばやく統合できます。

利点

軽量なフロントエンドソリューションで、サーバーの負荷を軽減します。

主要な最新のブラウザをサポートします。

柔軟なテンプレートシステムで対話フローをカスタマイズできます。

良好なTypeScript型サポートがあります。

制限

MCPサーバーがCORSをサポートする必要があります。

サーバーがCherryプロンプトテンプレート規格に互換性がある必要があります。

複雑な対話シーンでは追加の開発が必要になる場合があります。

使い方

ライブラリをインストールする

npmまたはyarnを使用してmcp-client-browserパッケージをインストールします。

クライアントを初期化する

クライアントインスタンスを作成し、MCPサーバーのアドレスを設定します。

リクエストを送信する

sendメソッドを使用してリクエストを送信し、応答を処理します。

使用例

簡単な質問と回答

基本的な質問と回答機能を実現します。

テンプレート対話

事前定義されたテンプレートを使用して構造化された対話を行います。

複数回の対話

対話のコンテキストを保持して連続した交流を行います。

よくある質問

どのようなMCPサーバーが必要ですか？

どのブラウザがサポートされていますか？

機密データはどのように処理されますか？

テンプレートをカスタマイズできますか？

関連リソース

Cherry Studio GitHub

Cherry Studioプロジェクトのホームページ

MCPプロトコルドキュメント

Model Control Protocolの公式ドキュメント

サンプルプロジェクト

このライブラリを使用したデモプロジェクト

Gmail MCP Server

Claude Desktop用に設計されたGmail自動認証MCPサーバーで、自然言語でのやり取りによるGmailの管理をサポートし、メール送信、ラベル管理、一括操作などの完全な機能を備えています。

TypeScript

15.4K

4.5ポイント

Edgeone Pages MCP Server

EdgeOne Pages MCPは、MCPプロトコルを通じてHTMLコンテンツをEdgeOne Pagesに迅速にデプロイし、公開URLを取得するサービスです。

Context7 MCPは、AIプログラミングアシスタントにリアルタイムのバージョン固有のドキュメントとコード例を提供するサービスで、Model Context Protocolを通じてプロンプトに直接統合され、LLMが古い情報を使用する問題を解決します。

百度マップMCPサーバーは国内初のMCPプロトコルに対応した地図サービスで、地理コーディング、ルート計画など10個の標準化されたAPIインターフェースを提供し、PythonとTypescriptでの迅速な接続をサポートし、エージェントに地図関連の機能を実現させます。

GitLab MCPサーバーは、Model Context Protocolに基づくプロジェクトで、GitLabアカウントとのやり取りに必要な包括的なツールセットを提供します。コードレビュー、マージリクエスト管理、CI/CD設定などの機能が含まれます。

UnityMCPはUnityエディターのプラグインで、モデルコンテキストプロトコル (MCP) を実装し、UnityとAIアシスタントのシームレスな統合を提供します。リアルタイムの状態監視、リモートコマンドの実行、ログ機能が含まれます。

22.5K

5ポイント

Magic MCP

Magic Component Platform (MCP) はAI駆動のUIコンポーネント生成ツールで、自然言語での記述を通じて、開発者が迅速に現代的なUIコンポーネントを作成するのを支援し、複数のIDEとの統合をサポートします。

JavaScript

17.6K

5ポイント

Sequential Thinking MCP Server

MCPプロトコルに基づく構造化思考サーバーで、思考段階を定義することで複雑な問題を分解し要約を生成するのに役立ちます。

Python

26.8K

4.5ポイント

智啓未来、あなたの人工知能ソリューションシンクタンク

English 简体中文繁體中文にほんご

MCP Client Browser

概要

コンテンツ詳細

代替品

MCPクライアントブラウザとは？

MCPクライアントブラウザの使い方は？

適用シーン

主な機能

使い方

使用例

よくある質問

関連リソース

インストール

🚀 MCP-CLIENT-BROSWER

🚀 クイックスタート

インストール

使用方法

✨ 主な機能

📚 ドキュメント

💡 使用シーン

🧩 統合

🛡️ セキュリティとプライバシー

📄 ライセンス

代替品