
TypeScript MCP Server Generator
OfficialFreeQuickly generate a complete MCP server project in TypeScript.
Free · Opens the source repo
What TypeScript MCP Server Generator does
The TypeScript MCP Server Generator is a tool designed for developers looking to create a fully functional Model Context Protocol (MCP) server using the MCP TypeScript SDK v2. This skill streamlines the setup process by generating a project structure that adheres to best practices, ensuring that your server is both efficient and maintainable. It leverages the latest features of the MCP SDK, including focused packages for server implementation and transport, making it easier to integrate with various frameworks like Express, Hono, or Fastify.
By utilizing this generator, you can quickly scaffold a TypeScript/Node.js project that includes all necessary configurations, such as package management and TypeScript settings. The generator takes care of installing required dependencies, including the new server implementation package and Zod for schema validation. It also ensures that your project is set up for modern JavaScript with ES modules, which is essential for compatibility with Node.js 20+.
The skill emphasizes best practices in error handling and validation, allowing developers to create robust tools within their MCP server. It provides a clear structure for defining tools and resources, ensuring that they are properly registered and validated using Zod. This focus on type safety and error management helps reduce runtime errors and improves the overall quality of the server implementation.
Ideal for developers familiar with TypeScript and Node.js, this skill is particularly useful for those who need to implement MCP servers efficiently. Whether you're building a new application from scratch or migrating an existing v1 server to v2, this generator provides the foundational elements required to get started quickly and effectively.
When to use it
Use this generator when you need to create a new MCP server project quickly and want to ensure adherence to the latest SDK specifications.
When not to use it
This tool is not suitable for projects that require legacy support for v1 of the MCP SDK or for those who prefer a custom setup without a predefined structure.
What you can build with it
Creating a New MCP Server
Use this generator to quickly scaffold a new MCP server project, ensuring all configurations and dependencies are correctly set up.
Migrating from v1 to v2
If you have an existing MCP server in v1, this tool can help you understand the necessary changes and set up a new v2 server.
Implementing Tools and Resources
Leverage the generator to create tools with proper schema validation, enhancing your server's capabilities and reliability.
How to install TypeScript MCP Server Generator
View source1. Install with the skills CLI
npx skills add github/awesome-copilot/typescript-mcp-server-generator --agent claude-code2. Or install it manually
Download the skill folder and drop it into ~/.claude/skills/ for all projects, or .claude/skills/ to scope it to one repo. Restart Claude Code so it picks up the new skill.
Anthropic's agentic coding CLI, and the reference implementation of Agent Skills. Drop a skill folder into ~/.claude/skills and Claude Code loads it automatically whenever a task matches the skill's description. Claude Code docs
Inside SKILL.md
Written by githubGenerate TypeScript MCP Server
Create a complete Model Context Protocol (MCP) server in TypeScript using the MCP TypeScript SDK v2 with the following specifications:
Requirements
- Project Structure: Create a new TypeScript/Node.js project with proper directory structure
- NPM Packages: The v1 monolithic
@modelcontextprotocol/sdkpackage is retired. Use the focused v2 packages:@modelcontextprotocol/server— server implementation (stdio transport via the@modelcontextprotocol/server/stdiosubpath)@modelcontextprotocol/node— Node HTTP transport (NodeStreamableHTTPServerTransport), or a framework adapter:@modelcontextprotocol/express,@modelcontextprotocol/hono,@modelcontextprotocol/fastify— each adapter requires its peer framework to be installed alongside it (e.g.@modelcontextprotocol/express+express)@modelcontextprotocol/core— shared protocol schemas (import*Schemaconstants from here, not fromsdk/types.js)zod@^4.2— v2 requires Zod 4.2+; do not use zod@3
- Runtime: Node.js 20+ (v2 minimum); ESM-first with
"type": "module"(a CommonJS build is also shipped, sorequire()works if needed) - Server Type: Choose between HTTP (Streamable HTTP transport) or stdio-based server. SSE and WebSocket transports were removed in v2 — do not generate them.
- Tools: Create at least one useful tool with proper schema validation
- Error Handling: Include comprehensive error handling and validation
Implementation Details
Project Setup
- Initialize with
npm initand create package.json - Install dependencies:
@modelcontextprotocol/server,zod@^4.2, and the transport package —@modelcontextprotocol/nodefor plain Node HTTP, or a framework adapter together with its peer framework (e.g.npm install @modelcontextprotocol/express express) - Configure TypeScript with ES modules:
"type": "module"in package.json - Add dev dependencies:
tsxorts-nodefor development - Create proper .gitignore file
Server Configuration
- Use
McpServerclass from@modelcontextprotocol/serverfor high-level implementation - Set server name and version
- Choose the appropriate transport:
- HTTP (Node):
NodeStreamableHTTPServerTransportfrom@modelcontextprotocol/node - HTTP (Web Standard runtimes):
WebStandardStreamableHTTPServerTransportfrom@modelcontextprotocol/server - stdio:
StdioServerTransportfrom@modelcontextprotocol/server/stdio
- HTTP (Node):
- For HTTP: prefer a framework adapter (
@modelcontextprotocol/express, etc.) with proper middleware and error handling - Note that v2 uses Web Standard
Headers/Requesttypes; read headers withctx.http?.req?.headers.get('x-custom')
Tool Implementation
- Use
registerTool()with a config object — v1 variadic.tool()signatures are gone:server.registerTool('greet', { description: 'Greet user', inputSchema: z.object({ name: z.string() }) }, async ({ name }, ctx) => { return { content: [{ type: 'text', text: `Hello, ${name}!` }] }; }); - Schemas must be full Zod objects (
z.object({...})) — raw shape objects ({ name: z.string() }) are deprecated - Provide clear
titleanddescriptionfields - Return both
contentandstructuredContentin results - The handler's second parameter is a structured
ctxobject (replaces v1extra):ctx.mcpReq.signal,ctx.mcpReq.id,ctx.mcpReq.send(...),ctx.mcpReq.notify(...) - Implement proper error handling with try-catch blocks; use the v2 error hierarchy (
ProtocolError,SdkError,SdkHttpErrorwith.status) instead of v1McpError/StreamableHTTPError - Support async operations where appropriate
Resource/Prompt Setup (Optional)
- Add resources using
registerResource()with ResourceTemplate for dynamic URIs - Add prompts using
registerPrompt()with argument schemas (same config-object style asregisterTool()) - Consider adding completion support for better UX; note the v2
completable()wrapper order:completable(z.string(), callback).optional()(optional applied outside)
Code Quality
- Use TypeScript for type safety
- Follow async/await patterns consistently
- Implement proper cleanup on transport close events
- Use environment variables for configuration
- Add inline comments for complex logic
- Structure code with clear separation of concerns
Example Tool Types to Consider
- Data processing and transformation
- External API integrations
- File system operations (read, search, analyze)
- Database queries
- Text analysis or summarization (LLM-assisted via the multi-round
input_requiredpattern) - System information retrieval
Configuration Options
-
For HTTP Servers:
- Port configuration via environment variables
- CORS setup for browser clients
- Session management (stateless vs stateful)
- DNS rebinding protection for local servers
- Strict
Content-Typehandling: v2 rejects non-application/jsonPOST bodies
-
For stdio Servers:
- Proper stdin/stdout handling
- Environment-based configuration
- Process lifecycle management
Migrating an Existing v1 Server
- Run the official codemod first:
npx @modelcontextprotocol/codemod@latest v1-to-v2 . - Then search for
@mcp-codemod-errormarkers for the parts requiring manual judgment (transport choice, header reads, error classification) - Swap
McpError + ErrorCodechecks for the new error classes; HTTP status now lives onerror.status, noterror.code Server.createMessage(),listRoots(),sendLoggingMessage()and theroots/sampling/loggingcapability fields are deprecated in v2 — avoid them in new code
Testing Guidance
- Explain how to run the server (
npm startornpx tsx server.ts) - Provide MCP Inspector command:
npx @modelcontextprotocol/inspector - For HTTP servers, include connection URL:
http://localhost:PORT/mcp - Include example tool invocations
- Add troubleshooting tips for common issues
Additional Features to Consider
- LLM-powered tools using the multi-round
input_requiredpattern (the v2 replacement for the deprecated sampling subsystem) - User input elicitation for interactive workflows
- Dynamic tool registration with enable/disable capabilities
- Notification debouncing for bulk updates
- Resource links for efficient data references
Generate a complete, production-ready MCP server with comprehensive documentation, type safety, and error handling.
Frequently asked questions about TypeScript MCP Server Generator
Similar skills
Rhino 3D Scripting
Streamline your Rhinoceros 3D scripting tasks.
MVVM Toolkit
Streamline ViewModel development with source generators.
FreeCAD Scripts
Generate Python scripts for FreeCAD automation and modeling.
Azure Architecture Builder
Design and deploy Azure infrastructure using natural language.
Command Development
Streamline your command creation for Claude Code.
Create Cowork Plugin
Easily build and package plugins through guided sessions.
