MCP App Starter
Scaffold MCP server projects, validate configuration, and register local servers for VS Code.
What Is This?
VS Code 1.109 shipped stable MCP server support. Building an MCP server means setting up boilerplate for the SDK, transport, tool handlers, and config. MCP App Starter does all of that in one command.
Features
| Feature |
Description |
| Guided wizard |
Language picker → name input → instant scaffold |
| TypeScript template |
Full typed server with tool schemas, tsconfig, package.json |
| JavaScript template |
Minimal ESM server for lightweight use |
| Python template |
Server using the official mcp package |
| Workspace registration |
Optionally register a newly scaffolded server in .vscode/mcp.json |
| Validate Config |
Check servers, transport type, command, arguments, and HTTP URL fields |
| Tool/resource scaffolds |
Insert language-aware starter snippets at the active cursor for completion against your installed SDK |
| Right-click menus |
Right-click a folder → New MCP Server; right-click .ts/.js/.py → insert a tool or resource scaffold; right-click .json → Validate Config |
Usage
- Open Command Palette (
Ctrl+Shift+P)
- Run MCP App Starter: New MCP Server — or right-click a folder in Explorer
- Choose language → enter name → done
- Open the README inside your new server for next steps
Generated TypeScript Structure
my-mcp-server/
├── src/
│ └── index.ts ← Server entry point with hello tool
├── .vscode/
│ └── mcp.json ← VS Code MCP config
├── package.json
├── tsconfig.json
└── README.md
Commands
| Command |
Where |
Description |
MCP App Starter: New MCP Server |
Palette · Right-click folder |
Full wizard to create an MCP server project |
MCP App Starter: Insert Tool Scaffold |
Palette · Right-click .ts/.js/.py |
Insert a starter definition at the active cursor |
MCP App Starter: Insert Resource Scaffold |
Palette · Right-click .ts/.js/.py |
Insert a resource-registration starter at the active cursor |
MCP App Starter: Validate MCP Server Config |
Palette · Right-click .json |
Validate .vscode/mcp.json files in workspace |
MCP App Starter: Register Server in Workspace |
Palette · Right-click folder |
Add a local stdio server to .vscode/mcp.json |
MCP App Starter: Open MCP Documentation |
Palette |
Open modelcontextprotocol.io |
Requirements
- VS Code 1.109+
- Node.js 20+ (for TypeScript/JavaScript templates)
- Python 3.10+ (for Python template)
From the extension author: Loop Engineering: A Better Way to Think, Create, and Work with AI covers durable controls, verification, and human direction in multi-step AI systems.
Explore more tools from the same suite:
| Extension |
Description |
Marketplace |
| AI Voice Reader |
Read files, selections, or documents aloud with Web Speech API |
Install ↗ |
| Brandfetch Logo Fetcher |
Fetch and insert brand logos from any domain — SVG, PNG, or Markdown |
Install ↗ |
| Dev Wellbeing |
Posture, eye-strain, and hydration reminders for long coding sessions |
Install ↗ |
| Focus Timer |
Pomodoro-style focus and break timer with status bar countdown |
Install ↗ |
| Gamma Slide Assistant |
Create presentations with local Marp export or optional Gamma generation |
Install ↗ |
| Hook Studio |
Visual editor for VS Code hook conditions and automation rules |
Install ↗ |
| Knowledge Decay Tracker |
Track staleness of documentation and flag overdue reviews |
Install ↗ |
| Markdown to Word |
Convert Markdown + Mermaid diagrams to .docx via Pandoc |
Install ↗ |
| MCP App Starter (this) |
Scaffold Model Context Protocol servers in TypeScript, JavaScript, or Python |
Install ↗ |
| Mermaid Diagram Pro |
Preview, export, and validate Mermaid diagrams in Markdown files |
Install ↗ |
| PPTX Builder |
Generate PowerPoint presentations from Markdown using pptxgenjs |
Install ↗ |
| Replicate Image Studio |
Generate images and videos with FLUX, SDXL, and WAN via Replicate API |
Install ↗ |
| SecretGuard |
Scan workspaces and files for accidentally committed secrets and keys |
Install ↗ |
| SVG to PNG |
Convert SVG files to PNG using resvg-js (Rust renderer, no ImageMagick) |
Install ↗ |
| SVG Toolkit |
Preview, copy as data URI, and validate SVG files in-editor |
Install ↗ |
| Workspace Watchdog |
Monitor file health, detect stalled work, and surface hot files |
Install ↗ |
License
MIT
| |
