MCP Web Client

Created By
AVGenAIa year ago
A web client for managing MCP servers and tools
Overview

what is MCP Web Client?

MCP Web Client is a web application designed for managing Multimodal Conversational Protocol (MCP) servers and their associated tools from a single interface.

how to use MCP Web Client?

To use MCP Web Client, clone the repository, install the dependencies, and run the development server. You can then access the application through your browser.

key features of MCP Web Client?

  • Manage multiple MCP servers in one place
  • Configure and organize MCP tools (e.g., GitHub, Playwright)
  • Enable/disable tools as needed
  • Persistent storage of your configuration
  • Responsive design for both desktop and mobile

use cases of MCP Web Client?

  1. Managing multiple MCP servers efficiently
  2. Configuring tools for various server tasks
  3. Monitoring server performance and tool status

FAQ from MCP Web Client?

  • What technologies are used in MCP Web Client?

The project uses Next.js, React, TypeScript, and Zustand for state management.

  • Is there a mobile version of the MCP Web Client?

Yes! The application is designed to be responsive and works on both desktop and mobile devices.

  • How can I contribute to the project?

Contributions are welcome! You can submit a Pull Request on the GitHub repository.

Project Info
Created At
a year ago
Updated At
a year ago
Author Name
AVGenAI
Star
0
Language
TypeScript
License
-

Recommend Servers

View All
Docwand

14 hours ago
//beforeyouship — LLM Cost Modeling From Your Editor
@Indiegoing

Query realistic LLM cost models without leaving your editor. beforeyouship models the **true monthly cost** of an LLM app architecture — retries, prompt caching, batch discounts, infra overhead, and 3×/10× growth — across GPT-5.x, Claude, Gemini, DeepSeek, and more. Not a token calculator: a planning tool for the design phase, before you commit to a stack. **No API key needed to try it** — demo mode covers the six free-tier models. A Pro key from [beforeyouship.dev](https://beforeyouship.dev) unlocks the full 18-model catalog. ## What you can ask - "How much will a RAG chatbot cost at 10,000 requests/day?" - "Compare Claude Haiku vs Gemini Flash pricing for my workload" - "What's the cheapest model for a multi-step agent at scale?" - "Show me current per-token prices for Anthropic models" ## Tools ### `estimate_cost` Full cost model for an architecture at a given usage level. Returns Naive / Realistic / Worst Case monthly cost per model, 3×/10× growth scenarios, and an opinionated recommendation with reasoning. ### `get_model_prices` Current per-1M-token pricing — input, output, cached input, batch — with context windows and staleness metadata. ### `list_archetypes` Seven preset architecture patterns (simple chatbot, chatbot with history, RAG pipeline, multi-model router, coding assistant, document processor, multi-step agent) used as starting points for estimates. ## Setup **Claude Code:** ​```bash claude mcp add --transport http beforeyouship https://beforeyouship.dev/api/mcp ​``` **Cursor / other clients** — add a remote server: ​```json { "mcpServers": { "beforeyouship": { "type": "streamable-http", "url": "https://beforeyouship.dev/api/mcp" } } } ​``` Add an `Authorization: Bearer bys_...` header with a Pro key for the full catalog. ## Try it > Estimate the monthly cost of a RAG pipeline at 10,000 requests/day

14 hours ago