MCP Client Browser

MCP Client Browser

mcp-client-browser是一個TypeScript庫，為瀏覽器提供MCP（模型控制協議）支持，實現與大型語言模型的無縫交互。

人工智能聊天機器人開發者工具 #瀏覽器交互 #模型協議 #AI工具 #前端集成 .TypeScript

評分 : 2分

下載量 : 8

更新時間 : 2025-04-28

什麼是MCP Client Browser?

MCP Client Browser是一個讓您能在網頁瀏覽器中直接與AI模型對話的工具庫。它使用標準的MCP協議與服務器通信，無需搭建後端即可實現智能對話功能。

如何使用MCP Client Browser?

只需在網頁應用中安裝這個庫，配置好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官方文檔

示例項目

使用本庫的演示項目

精選MCP服務推薦

百度地圖MCP Server是國內首個兼容MCP協議的地圖服務，提供地理編碼、路線規劃等10個標準化API接口，支持Python和Typescript快速接入，賦能智能體實現地圖相關功能。

Markdownify MCP

Markdownify是一個多功能文件轉換服務，支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。

Firecrawl MCP Server

Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器，提供豐富的網頁抓取、搜索和內容提取功能。

Sequential Thinking MCP Server

一個基於MCP協議的結構化思維服務器，通過定義思考階段幫助分解複雜問題並生成總結

一個基於Python的MCP服務器，通過Notion API提供高級待辦事項管理和內容組織功能，實現AI模型與Notion的無縫集成。

Edgeone Pages MCP Server

EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務

Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務，通過Model Context Protocol直接集成到提示中，解決LLM使用過時信息的問題。

Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具，通過自然語言描述幫助開發者快速創建現代化UI組件，支持多種IDE集成。

AIbase

智啟未來，您的人工智慧解決方案智庫

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

© 2025AIbase