Big update for ChatGPT/Claude Desktop users! MCP servers in Claude/Cursor don't offer any UI experience yet, like interactive widgets. It's just text/JSON, like below: { "product": "iPhone 16 Pro", "price": "$999", "rating": "4.5 stars" } Displaying this as a visual element isn't impossible, but most MCP servers make you write the same boilerplate twice, once for the React component and again to register it as an MCP tool. So you end up with duplicate schemas, manual prop mapping, and a bunch of registration code. A simplified approach is actually implemented in mcp-use, a recently trending open-source full-stack MCP framework to build with MCP servers, MCP clients, and AI agents. The way mcp-use implements this is that you can create React components that automatically: - Register as MCP tools (callable by Claude/ChatGPT) - Render as interactive widgets - Support a full React ecosystem (Tailwind, libraries, hooks) - Hot reload during development To demonstrate this with a real-world example, we built an Amazon Product Analyzer. The video below shows this in action. Here's how it works: → You ask ChatGPT to analyze an Amazon product...