[! ВАЖНО] 🚨 API WebMCP был принят как результат W3C и переходит к разработке официальных веб-стандартов. Сообщество и вся связанная работа перешли в репозиторий объяснений WebMCP. Присоединяйтесь к нам там! 🚨

[! ВАЖНО] 📝 Статус репозитория: Расширение MCP-B больше не является открытым исходным кодом. Этот репозиторий представляет собой более старую версию кодовой базы и поддерживается только для исторической информации. Весь открытый контент (транспорты и т.д.) был портирован на WebMCP Github Org.

WebMCP:

🚀 Быстрый старт • ✨ Живая демонстрация • 📚 Документация • 🤝 Вклад

Присоединяйтесь к нашему сообществу

Протокол

WebMCP — это базовый протокол, который реализует MCP-B. Это протокол, который открывает функции в JavaScript вашего браузера для LLM в виде MCP-инструментов.

Для более глубокого понимания см. здесь: https://mcp-b.ai/blogs

Живое демо

Смотрите MCP-B в действии прямо сейчас:

Примеры

Ознакомьтесь с нашим репозиторием примеров: MCP-B Примеры

Примерный репозиторий содержит:

• Vanilla TypeScript Demo: Простое приложение для задач, где инструменты MCP позволяют ИИ управлять задачами
• React Demo: современное приложение React с интеграцией MCP-B

[!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.