loaditout.ai
SkillsPacksTrendingLeaderboardAPI DocsBlogSubmitRequestsCompareAgentsXPrivacyDisclaimer
{}loaditout.ai
Skills & MCPPacksBlog

mcp-playground

MCP Tool

JoseMiguez98/mcp-playground

Install

$ npx loaditout add JoseMiguez98/mcp-playground

Platform-specific configuration:

.claude/settings.json
{
  "mcpServers": {
    "mcp-playground": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-playground"
      ]
    }
  }
}

Add the config above to .claude/settings.json under the mcpServers key.

About

MCP Playground

A web-based UI for connecting to, managing, and interacting with Model Context Protocol (MCP) servers. It lets you add servers (via stdio or HTTP), browse their tools, resources, and prompts, and call tools — all from a browser interface.

> ⭐ If you find this project useful, please consider [giving it a star](https://github.com/JoseMiguez98/mcp-playground) — it helps others discover it!

Why?

Debugging MCP servers typically requires connecting them to an LLM, which costs tokens and money. MCP Playground lets you call tools, read resources, and inspect prompts directly — no LLM needed.

Features
  • 🔌 Connect to MCP servers over stdio (subprocess) or HTTP (SSE / Streamable HTTP)
  • 🛠️ Browse and call tools exposed by any connected server
  • 📄 Read resources and retrieve prompts
  • 💾 Persist server configurations in mcp-servers.json
  • 🗑️ Add, edit, and delete servers from the UI
  • 🗂️ Stdio server processes run in isolated per-server directories under .mcp-data/ (gitignored)
  • ⚡ Hot-reload dev environment (server + client run concurrently)
Tech Stack

| Layer | Technology | |---|---| | Backend | Hono on Node.js (TypeScript) | | Frontend | React + Vite (TypeScript) | | MCP SDK | @modelcontextprotocol/sdk | | Runtime | tsx (no compile

Tags

agentsdebugingdeveloper-toolshonollmmcpmodel-context-protocolreacttypescript

Reviews

Loading reviews...

Quality Signals

0
Installs
Last updated14 days ago
Security: AREADME

Safety

Risk Levelmedium
Data Access
read
Network Accessnone

Details

Sourcegithub-crawl
Last commit4/1/2026
View on GitHub→

Embed Badge

[![Loaditout](https://loaditout.ai/api/badge/JoseMiguez98/mcp-playground)](https://loaditout.ai/skills/JoseMiguez98/mcp-playground)