Skillget

mcp-web-client

mcp
Security Audit
Warn
Health Warn
  • No license — Repository has no license file
  • Description — Repository has a description
  • Active repo — Last push 0 days ago
  • Community trust — 21 GitHub stars
Code Warn
  • process.env — Environment variable access in .github/workflows/daily-repo-status.lock.yml
  • fs module — File system access in .github/workflows/daily-repo-status.lock.yml
  • process.env — Environment variable access in next.config.ts
  • process.env — Environment variable access in src/app/api/connect/route.ts
  • network request — Outbound network request in src/app/api/llm/chat/route.ts
Permissions Pass
  • Permissions — No dangerous permissions requested

No AI report is available for this listing yet.

SUMMARY

A web-based client for connecting to MCP servers with OAuth support

README.md

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.

https://github.com/user-attachments/assets/29057bb1-d856-4a7c-bfe3-97020da21782

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

Reviews (0)

No results found