Grote update voor ChatGPT/Claude Desktop gebruikers! MCP-servers in Claude/Cursor bieden nog geen UI-ervaring, zoals interactieve widgets. Het is gewoon tekst/JSON, zoals hieronder: { "product": "iPhone 16 Pro", "price": "$999", "rating": "4.5 sterren" } Dit als een visueel element weergeven is niet onmogelijk, maar de meeste MCP-servers dwingen je om dezelfde boilerplate twee keer te schrijven, eenmaal voor de React-component en opnieuw om het te registreren als een MCP-tool. Dus eindig je met dubbele schema's, handmatige prop-mapping en een hoop registratiecode. Een vereenvoudigde aanpak is eigenlijk geïmplementeerd in mcp-use, een recent trending open-source full-stack MCP-framework om te bouwen met MCP-servers, MCP-clients en AI-agenten. De manier waarop mcp-use dit implementeert, is dat je React-componenten kunt maken die automatisch: - Registreren als MCP-tools (aanroepbaar door Claude/ChatGPT) - Weergeven als interactieve widgets - Een volledig React-ecosysteem ondersteunen (Tailwind, bibliotheken, hooks) - Hot reload tijdens ontwikkeling Om dit te demonstreren met een voorbeeld uit de echte wereld, hebben we een Amazon Product Analyzer gebouwd. De video hieronder toont dit in actie. Hier is hoe het werkt: → Je vraagt ChatGPT om een Amazon-product te analyseren...