Skip to content
Devtools

MCP Server Inspector

List, call and test an MCP server's tools with schema checks.

Intermediate14h1 person17/20 fit
TL;DR

Build MCP Server Inspector for developers building mcp servers in ~14h with 1 person. Stack: MCP + TypeScript + Next.js.

Why it wins: Riding a fast-growing ecosystem.

Build flow

01 · Problem
MCP servers are hard to debug without a client.
02 · Solution
Connect to a server, list tools and resources, call them with generated forms and validate responses against schemas.
03 · Build
  1. 1Use the TypeScript SDK
  2. 2List tools
  3. 3Generate forms
  4. 4Validate
04 · Demo
Connect to a sample server and call a tool.

MVP checklist

  • Tool list
  • Generated forms
  • Response validation
  • Session log

Tech stack

TechRole
MCPModel Context Protocol tools
TypeScriptTooling
Next.jsFrontend + API routes

Reference repos

Open-source projects you can build on. Links checked 2026-10-31.

Related ideas

More Devtools

  • Devtools

    Regex from Examples

    Give matching and non-matching examples and get a tested regex

    Beginner8h1
    LLMJavaScript
    17/20

  • Devtools

    Visual Regression Bot

    Screenshot key pages on each PR and highlight visual changes

    Intermediate16h1–2
    PlaywrightGitHub ActionsNode.js
    17/20

  • Devtools

    Unit Tests from Diffs

    Generate missing unit tests for the code changed in a PR

    Intermediate16h1–2
    LLMNode.jsVitest
    17/20