MCP Server Studio

A visual builder for MCP servers. Design tools, resources and prompts on a drag-and-drop canvas, test them in a built-in simulator, and export TypeScript server code with Docker and Railway deployment bundles.

Role: Creator
Years: 2026
Status: Live
Stack: MCP
React Flow
Monaco Editor
Zustand
Next.js 15
TypeScript

Visit mcp-server-studio.vercel.app

mcp-server-studio.vercel.app2026

Numbers

Automated tests: 488

The brief

Prototyping an MCP server by hand takes a lot of boilerplate and manual testing.

The build

A React Flow canvas for tool design, a Monaco editor for live code preview, a test simulator, and a TypeScript code generator. It can also turn OpenAPI operations into MCP tool definitions.

What shipped

Live at mcp-server-studio.vercel.app.

Shares the most stack with this project

Finance QuestA financial literacy course with 18 chapters and more than 30 calculators. SM-2 spaced repetition schedules reviews, and an AI coach answers in context, using Claude with GPT-4o-mini as a fallback.Next.js 15, Zustand
ChronicleA local-first observability tool for AI agents, written in Rust. It records every LLM call and tool use, shows them on a timeline and as a graph, tracks token cost, and includes a caching proxy for OpenAI calls and an MCP server for querying traces.TypeScript
CodeCompassAn AI tool for learning an unfamiliar codebase: architecture diagrams generated from the code, and RAG-based Q&A over it. Archived.TypeScript

Hiring for something like this?

Contract, advisory, or full-time. Tell me what you are building.

Start a conversation hello@elizabethannstein.com

Numbers

The brief

The build

What shipped

Related work

Hiring for something like this?