Lab · MCP
MCP HTTP Transport & Tool Use
A live demo of the Model Context Protocol over HTTP. Claude uses MCP tools to manage a real file workspace — read, write, list, delete — with every tool call visible in the trace panel.
MCPClaudeTool UseHTTP TransportNext.jsPython
Architecture
How the pieces connect
This lab implements the full MCP stack: a Python FastMCP server over HTTP, and a Next.js host that proxies Claude tool calls through API routes.
User
Browser
→
Host App
Next.js / Gradio
→
MCP Client
API Route
→ HTTP →
MCP Server
FastMCP / Python
→
Workspace
File System
Concepts