MCP Designer

Visual editor for designing MCP servers

Import an existing .mcp.yaml, edit every MCPDS section visually and export a clean contract your team can review, diff and ship.

Install MCP Designer

Run with npx or install the CLI once with Homebrew.

npx mcp-designer

Import

Open an existing .mcp.yaml, paste a contract or start from a template without losing the file-first workflow.

Edit

Model identity, transports, auth, tools, resources, prompts, components and packaging with guided MCPDS forms.

Export

Save readable YAML back to disk, validate the full document and keep the MCP server contract ready for review.

MCP Designer is not a partial demo. It covers the complete design document from server identity to package metadata.

Identity, transports, auth, tools, resources, prompts, components and packaging in one editor.

Open existing .mcp.yaml files, paste a document or start from a template when the server design is still new.

Build JSON Schema for tool input/output and prompt arguments without hand-writing it.

Catch broken references, missing fields and schema mistakes while the contract is still easy to fix.

Save readable MCPDS YAML back to disk so reviews and diffs stay useful.

Generate readable HTML documentation from the design so teams can browse the server contract without opening YAML.

Run from your project folder with npx and keep the design document next to the server code.