[!重要] 🚨 WebMCP APIはW3Cの成果物として受け入れられ、公式のウェブ標準開発へ移行中です。コミュニティおよび関連するすべての作業はWebMCP解説リポジトリに移されました。ぜひそこにご参加ください!🚨

[!重要] 📝リポジトリの状況:MCP-B拡張はもはやオープンソースではありません。このリポジトリはコードベースの古いバージョンを表しており、歴史的な参照のみのために維持されています。すべてのオープンソースコンテンツ(トランスポートなど)はWebMCPのGithub Orgに移植されています。

WebMCP:

🚀 クイックスタート • ✨ ライブデモ • 📚 ドキュメント作成 • 🤝 貢献

私たちのコミュニティに参加しよう

プロトコル

WebMCPはMCP-Bが実装する基盤プロトコルです。これはブラウザのJavaScriptの機能をLLMにMCPツールとして公開するプロトコルです。

より詳しい理解はこちらをご覧ください:https://mcp-b.ai/blogs

ライブデモ

MCP-Bの運用をすぐにご覧ください:

例

当社の例集リポジトリをご覧ください:MCP-B Examples

例リポジトリには以下が含まれます:

• Vanilla TypeScript Demo:MCPツールでAIがタスクを管理できるシンプルなToDoアプリ
• Reactデモ:MCP-B統合を備えたモダンReactアプリケーション

[!IMPORTANT] 🚨 The WebMCP API has been accepted as a W3C deliverable and is transitioning to official web standard development. The community and all related work has moved to the WebMCP explainer repository. Please join us there! 🚨

[!IMPORTANT] 📝 Repository Status: The MCP-B extension is no longer open source. This repository represents an older version of the codebase and is maintained for historical reference only. All open source content (transports, etc.) have been ported to the WebMCP Github Org.

WebMCP:

🚀 Quick Start • ✨ Live Demo • 📚 Documentation • 🤝 Contributing

Join Our Community

The protocol

WebMCP is the underlying protocol which MCP-B implements. It is a protocol which exposes function in your browser javascript to LLM’s as MCP tools.

For a more indepth understanding, refer here: https://mcp-b.ai/blogs

Live Demo

See MCP-B in action right away:

Examples

Check out our examples repository: MCP-B Examples

The examples repository contains:

• Vanilla TypeScript Demo: A simple todo app where MCP tools allow AI to manage tasks
• React Demo: Modern React application with MCP-B integration
• Script Tag Demo: The simplest integration - add MCP-B to any website using just a script tag

Community Examples

• Vue example By Besian
• Nuxt 3 example by Mike Chao

These demos highlight how MCP-B integrates into websites without needing complex setups. Install the MCP-B Chrome Extension to interact with the tools via the extension’s chat interface or tool inspector.