MCP Client Browser

MCP Client Browser

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

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

評分 : 2分

下載量 : 10.0K

更新時間 : 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官方文檔

示例項目

使用本庫的演示項目

Markdownify MCP

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

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

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的服務

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

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

AIBase

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

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

© 2026AIBase