MCP Designer
The official visual editor for .mcp.yaml files. Design every MCPDS section visually, validate live, and get clean YAML on disk. Runs entirely on your machine - no account, no cloud, no telemetry.
mcpdesigner.app
Open MCP Designer →Tools
The MCPDS toolchain
Everything that reads and writes *.mcp.yaml: a visual editor, the schema package and the validation schema itself.
Visual editor · official
MCP Designer
Design your MCP server before you write a single line of code. A design-first editor for every MCPDS section, with live validation and clean YAML on disk.
Get started
$ git clone github.com/mcpdesignorg/ui.git
$ cd ui && npm install
$ ./scripts/run.sh [workspace-dir]
-> http://127.0.0.1:3131@mcpds/spec
The schema and TypeScript types for the MCPDS standard. Import the JSON Schema to validate documents, or the McpdsDocument types to build tooling on top of the spec.
npm install @mcpds/spec
View on npm →JSON Schema
Reference the bundled JSON Schema directly from your editor with a yaml-language-server comment, or resolve it from the package in code for CI validation.
mcpds-1.0.schema.json
Open schema →What MCP Designer gives you
The local-first editor covers the full MCPDS authoring workflow.
Every MCPDS section
Identity, transports, auth, tools, resources, prompts, components and packaging.
Visual schema builder
Build JSON Schema for tool input/output and prompt arguments without hand-writing it.
Live validation
Inline error reporting against the MCPDS schema as you type.
Full file management
Create from template, rename, duplicate, delete, import by drop or paste.
Lossless round-trip
Unchanged files are saved byte-for-byte - comments and formatting intact.
Local-first sync
Configurable workspace folder with optional live file-system sync.