drio
Open app

MCP Framework

Source

A framework for writing MCP (Model Context Protocol) servers in Typescript

Catalog onlyCatalog onlySTDIO

Overview

The mcp-framework is a TypeScript-based framework designed for creating Model Context Protocol (MCP) servers. It provides an elegant and structured approach to building servers that can manage tools, prompts, and resources for large language models (LLMs).

To use mcp-framework, install it globally using npm, create a new MCP server project, and start adding tools, prompts, and resources through the command-line interface (CLI).

  • Automatic directory-based discovery of tools, prompts, and resources. - Full type safety with TypeScript and validation using Zod. - A simple server setup and configuration process. - A robust CLI for project scaffolding and management.
  1. Creating custom LLM tools for specific business needs.
  2. Building interactive conversational agents that respond based on user input.
  3. Rapid development and deployment of LLM-based applications.

Add to your AI client

Use these steps to connect MCP Framework in Cursor, Claude, VS Code, and other MCP-compatible apps. The same JSON appears in the Use with menu above for one-click copy.

Cursor

Add this to your .cursor/mcp.json file in your project root, then restart Cursor.

.cursor/mcp.json

{
  "mcpServers": {
    "mcp-framework-quantgeekdev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

Claude Desktop

Add this server entry to the mcpServers object in your Claude Desktop config, then restart the app.

~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

{
  "mcpServers": {
    "mcp-framework-quantgeekdev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

Claude Code

Add this to your project's .mcp.json file. Claude Code will detect it automatically.

.mcp.json (project root)

{
  "mcpServers": {
    "mcp-framework-quantgeekdev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

VS Code (Copilot)

Add this to your .vscode/mcp.json file. Requires the GitHub Copilot extension with MCP support enabled.

.vscode/mcp.json

{
  "servers": {
    "mcp-framework-quantgeekdev": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

Windsurf

Add this to your Windsurf MCP config file, then restart Windsurf.

~/.codeium/windsurf/mcp_config.json

{
  "mcpServers": {
    "mcp-framework-quantgeekdev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

Cline

Open Cline settings, navigate to MCP Servers, and add this server configuration.

Cline MCP Settings (via UI)

{
  "mcpServers": {
    "mcp-framework-quantgeekdev": {
      "command": "npx",
      "args": [
        "-y",
        "@modelcontextprotocol/server-mcp-framework-quantgeekdev"
      ]
    }
  }
}

FAQ

What programming language is mcp-framework built with?

mcp-framework is built using TypeScript.

Is prior knowledge of LLMs required to use this framework?

Not necessarily, but understanding LLMs can help in utilizing the framework effectively.

How do I contribute to the mcp-framework?

You can contribute by submitting issues or pull requests on the project's GitHub repository.

MCP Framework — MCP Registry