mcp-use
The fullstack MCP framework to develop MCP Apps for ChatGPT / Claude & MCP Servers for AI Agents.
claude mcp add --transport stdio mcp-use-mcp-use node dist/index.js \ --env PORT="3000" \ --env MCP_USE_ENV="development"
How to use
mcp-use is a full-stack MCP framework designed to build MCP Servers and MCP Apps that work across AI agents and clients like ChatGPT and Claude. The project provides a TypeScript/JavaScript server API to define tools, and a React-based widget system for building interactive MCP Apps. Use it to expose a set of tools (endpoints) that can be queried by clients, and optionally attach UI widgets for rich, cross-client experiences. The included Inspector helps you test tools and interactions in real time, making it straightforward to verify schemas, responses, and widget behavior before deploying to production.
With the TypeScript path, you typically create a server instance, register tools with descriptions and schemas, and then start listening on a port. The built-in inspector lets you inspect tool calls and widget data during development. For production deployments, you can rely on the Deploy flow (via the MCP Cloud) to provide observability, metrics, logs, and branch-based deployments, ensuring your server and apps stay healthy in production environments.
How to install
Prerequisites:
- Node.js (LTS) and npm installed
- Basic TypeScript/JavaScript tooling (optional but recommended)
-
Install Node.js from https://nodejs.org and verify: node -v npm -v
-
Install the MCP Use package (example: create a new MCP Server project using the CLI): npx create-mcp-use-app@latest
Or initialize an existing project by installing the dependency locally:
npm install mcp-use
-
If you plan to run a built server directly: npm run build
Then run the server, e.g.:
node dist/index.js
-
Optional: install and run the Inspector during development: npx @mcp-use/inspector --url http://localhost:3000/mcp
-
For production deployment, follow the Deploy workflow: npx @mcp-use/cli login npx @mcp-use/cli deploy
Additional notes
Tips and common considerations:
- The mcp-use server supports both a tooling API and optional widgets. Tools have a name, a description, and a schema describing required inputs.
- Widgets are auto-discovered from resources/ and can be used to present results in a UI across clients.
- When configuring environments, expose PORT for local development and ensure your deployment target can reach the Inspector if needed.
- If migrating from a different MCP setup, ensure your tool schemas align with the zod-based schemas used in examples to guarantee proper validation.
- For production, use the Manufact MCP Cloud or equivalent observability stack to monitor metrics, logs, and performance. Ensure environment variables, secrets, and authentication are configured as required by your deployment.
Related MCP Servers
arcade
The best way to create, deploy, and share MCP Servers
mcp-hub
A centralized manager for Model Context Protocol (MCP) servers with dynamic server management and monitoring
volcano-agent-sdk
🌋 Build AI agents that seamlessly combine LLM reasoning with real-world actions via MCP tools — in just a few lines of TypeScript.
mxcp
Model eXecution + Context Protocol: Enterprise-Grade Data-to-AI Infrastructure
gtm
An MCP server for Google Tag Manager. Connect it to your LLM, authenticate once, and start managing GTM through natural language.
mcp_documents_reader
Model Context Protocol (MCP) server exposes tools to read multiple document types including DOCX, PDF, Excel, and TXT. This has been tested on Trae Desktop.