Веб-клиент для протокола Model Context Protocol (MCP). Подключайтесь к нескольким MCP-серверам, просматривайте инструменты / ресурсы / рекомендации и взаимодействуйте через чат.

Особенности

** Поддержка нескольких серверов** Подключение к нескольким MCP-серверам одновременно OAuth 2.0 & Bearer Token Auth - Безопасная аутентификация с поддержкой PKCE ** Постоянные сессии** - серверы и учетные данные, сохраненные в локальном хранилище -Real-time SSE - Сервер-Отправленные События для живых обновлений ** Инструменты, ресурсы и подсказки** - Полная поддержка возможностей MCP

Быстрый старт

Открыть http://localhost:3000

Добавление сервера

1. Нажмите + в боковой панели
2. Введите URL сервера (например, https://mcp.example.com/sse) 3.Выберите метод аутентификации: No Auth Публичные серверы Bearer Token - Используйте существующий токен доступа OAuth 2.0 - аутентификация по потоку OAuth 4.Щелкните Add Server

Технологический стек

Next.js 15 + React 19

• TypeScript Tailwind CSS Протокол MCP 2024-11-05

Лицензия

МТИ

MCP Web Client

A web-based client for the Model Context Protocol (MCP). Connect to multiple MCP servers, browse tools/resources/prompts, and interact via chat.

Features

• Multi-Server Support - Connect to multiple MCP servers simultaneously
• OAuth 2.0 & Bearer Token Auth - Secure authentication with PKCE support
• Persistent Sessions - Servers and credentials saved to localStorage
• Real-time SSE - Server-Sent Events for live updates
• Tools, Resources & Prompts - Full MCP capability support

Quick Start

npm install
npm run dev

Open http://localhost:3000

Adding a Server

1. Click + in the sidebar
2. Enter the server URL (e.g., https://mcp.example.com/sse)
3. Choose authentication method:
   • No Auth - Public servers
   • Bearer Token - Use existing access token
   • OAuth 2.0 - Authenticate via OAuth flow
4. Click Add Server

Tech Stack

• Next.js 15 + React 19
• TypeScript
• Tailwind CSS
• MCP Protocol 2024-11-05

License

MIT