MCP Use TypeScript
mcp-use is the framework for MCP with the best DX - Build AI agents, create MCP servers with UI widgets, and debug with built-in inspector. Includes client SDK, server SDK, React hooks, and powerful dev tools.
What is MCP Use TypeScript?
MCP Use TypeScript is a Model Context Protocol (MCP) server that allows AI assistants like Claude, Cursor, and VS Code to mcp-use is the framework for mcp with the best dx - build ai agents, create mcp servers with ui widgets, and debug with built-in inspector. includes client sdk, server sdk, react hooks, and powerful d...
mcp-use is the framework for MCP with the best DX - Build AI agents, create MCP servers with UI widgets, and debug with built-in inspector. Includes client SDK, server SDK, React hooks, and powerful dev tools.
This server falls under the Developer Tools category on MCPgee, the world's largest MCP server directory with 33,000+ servers.
Features
- mcp-use is the framework for MCP with the best DX - Build AI
Use Cases
Maintainer
Works with
Installation
Manual Installation
npx mcp-use-tsConfiguration
Configuration Details
claude_desktop_config.json
Performance
Response Metrics
Resource Usage
How to Set Up and Use MCP Use TypeScript
mcp-use is a TypeScript framework for building MCP servers with an emphasis on developer experience. It provides a server SDK with built-in support for UI widgets rendered as React components, a client SDK, React hooks for frontend integration, and a built-in inspector for debugging live MCP connections. Developers use it to scaffold custom AI-powered tools that can expose structured data and interactive widgets to any MCP-compatible client like Claude Desktop.
Prerequisites
- Node.js 18 or later installed
- npm or npx available on your PATH
- An MCP-compatible client such as Claude Desktop or Claude Code
- Basic TypeScript knowledge for building custom servers
Scaffold a new MCP server project
Use the create-mcp-use-app scaffolder to generate a ready-to-run TypeScript MCP server with all dependencies and configuration pre-wired.
npx create-mcp-use-app@latestInstall the core SDK manually (alternative)
If you prefer to add mcp-use to an existing project, install the core package and the optional CLI inspector separately.
npm install mcp-use
npm install @mcp-use/cliDefine a tool in your server
Import MCPServer and the text helper, then register tools with Zod schemas. The framework handles JSON-RPC transport and schema validation automatically.
import { MCPServer, text } from "mcp-use/server";
import { z } from "zod";
const server = new MCPServer({ name: "my-server", version: "1.0.0" });
server.tool({
name: "get_weather",
description: "Get weather for a city",
schema: z.object({ city: z.string() }),
}, async ({ city }) => {
return text(`Weather for ${city}: 72°F, sunny`);
});
await server.listen(3000);Run the inspector to test your server
Use the built-in MCP inspector to send requests to your running server and verify tool responses before connecting a real client.
npx @mcp-use/inspector --url http://localhost:3000/mcpRegister the server with your MCP client
Add your running server to Claude Desktop or Claude Code configuration so the client can discover and call its tools.
MCP Use TypeScript Examples
Client configuration
Add a locally running mcp-use server to Claude Desktop. Replace the command/args with however you start your built server.
{
"mcpServers": {
"my-mcp-use-server": {
"command": "npx",
"args": ["-y", "mcp-use"]
}
}
}Prompts to try
Once your custom server is registered, test it through Claude with prompts that invoke the tools you defined.
- "Call the get_weather tool for San Francisco"
- "List all available tools in the connected MCP server"
- "Run the data fetch tool and show me the results as a summary"Troubleshooting MCP Use TypeScript
npx create-mcp-use-app fails with a network error
Ensure you have an active internet connection and that your npm registry is reachable. Try clearing the npm cache with 'npm cache clean --force' and retry.
The inspector shows 'connection refused' when pointing at localhost:3000
Make sure your server is running with 'npm run dev' or 'node dist/index.js' before launching the inspector, and that the port matches what you passed to server.listen().
Claude Desktop does not show the server's tools
Restart Claude Desktop after editing claude_desktop_config.json. The file must contain valid JSON with no trailing commas, and the command must be reachable from a terminal.
Frequently Asked Questions about MCP Use TypeScript
What is MCP Use TypeScript?
MCP Use TypeScript is a Model Context Protocol (MCP) server that mcp-use is the framework for mcp with the best dx - build ai agents, create mcp servers with ui widgets, and debug with built-in inspector. includes client sdk, server sdk, react hooks, and powerful dev tools. It connects AI assistants to external tools and data sources through a standardized interface.
How do I install MCP Use TypeScript?
Follow the installation instructions on the MCP Use TypeScript GitHub repository. Clone the repo, install dependencies, and add the server config to your AI client.
Which AI clients work with MCP Use TypeScript?
MCP Use TypeScript works with all major MCP-compatible AI clients including Claude Desktop, Claude Code, Cursor, VS Code (GitHub Copilot), Windsurf, and Cline.
Is MCP Use TypeScript free to use?
Yes, MCP Use TypeScript is open source and available under the MIT license. You can use it freely in both personal and commercial projects.
MCP Use TypeScript Alternatives — Similar Developer Tools Servers
Looking for alternatives to MCP Use TypeScript? Here are other popular developer tools servers you can use with Claude, Cursor, and VS Code.
Ecc
★ 188.2kThe agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
Javaguide
★ 155.8kJava 面试 & 后端通用面试指南，覆盖计算机基础、数据库、分布式、高并发、系统设计与 AI 应用开发
Gemini CLI
★ 104.5kA secure MCP server that wraps the Google Gemini CLI, allowing clients to query Gemini models using local OAuth sessions without requiring an API key. It provides tools for model interaction and diagnostics with built-in protection against command in
Awesome MCP Servers
★ 87.3k⭐ Curated list of Model Context Protocol (MCP) servers - tools that extend Claude Desktop, Cursor, Windsurf, and other MCP clients with custom capabilities.
MCP Servers
★ 86.0kModel Context Protocol Servers
CC Switch
★ 77.5kA cross-platform desktop All-in-One assistant for Claude Code, Codex, OpenCode, OpenClaw, Gemini CLI & Hermes Agent. Only official website: ccswitch.io
Browse More Developer Tools MCP Servers
Explore all developer tools servers available in the MCPgee directory. Each server includes setup guides for Claude, Cursor, and VS Code.
Set Up MCP Use TypeScript in Your Editor
Choose your AI client for step-by-step setup instructions.
Quick Config Preview
Add this to your claude_desktop_config.json or .cursor/mcp.json
Ready to use MCP Use TypeScript?
Browse our complete directory of 33,000+ MCP servers, read setup guides for your editor, and start building with the Model Context Protocol.