Building MCP Apps (MCP servers with Apps SDK support) is pretty painful right now.
You need to:
1. Spin up a server that returns UI components.
2. Hand-write a bunch of JSON schemas + tool wiring
So we open-sourced a high-level MCP Server SDK that basically lets you have both the MCP server and React components in the same place:
- Every React component you put in your resources/ folder is automatically built and exposed as an MCP resource + tools. No extra registration boilerplate.
- We added a useWidget hook that takes the tool args and maps them directly into your component props, so the agent effectively “knows” what data the widget needs to render. You focus on UI + logic, the SDK handles the plumbing
We also shipped an MCP Inspector to make the dev loop much less painful: you can connect your MCP server, test UI components from tools (with auto-refresh), and debug how it behaves with ChatGPT/agents as you iterate.
https://docs.mcp-use.com/inspector/debugging-chatgpt-apps
Both the SDK and the Inspector are open-source, and any contributions are very welcome :)
You need to:
1. Spin up a server that returns UI components.
2. Hand-write a bunch of JSON schemas + tool wiring
So we open-sourced a high-level MCP Server SDK that basically lets you have both the MCP server and React components in the same place:
- Every React component you put in your resources/ folder is automatically built and exposed as an MCP resource + tools. No extra registration boilerplate.
- We added a useWidget hook that takes the tool args and maps them directly into your component props, so the agent effectively “knows” what data the widget needs to render. You focus on UI + logic, the SDK handles the plumbing
Docs for that flow here: https://docs.mcp-use.com/typescript/server/creating-apps-sdk...
We also shipped an MCP Inspector to make the dev loop much less painful: you can connect your MCP server, test UI components from tools (with auto-refresh), and debug how it behaves with ChatGPT/agents as you iterate. https://docs.mcp-use.com/inspector/debugging-chatgpt-apps
Both the SDK and the Inspector are open-source, and any contributions are very welcome :)
Those are the repos:
- SDK: https://github.com/mcp-use/mcp-use
- Inspector: https://github.com/mcp-use/mcp-use/tree/main/libraries/types...