Großes Update für ChatGPT/Claude Desktop-Nutzer! MCP-Server in Claude/Cursor bieten noch keine UI-Erfahrung, wie interaktive Widgets. Es ist nur Text/JSON, wie unten: { "product": "iPhone 16 Pro", "price": "$999", "rating": "4.5 Sterne" } Dies als visuelles Element darzustellen, ist nicht unmöglich, aber die meisten MCP-Server zwingen dich dazu, denselben Boilerplate-Code zweimal zu schreiben, einmal für die React-Komponente und erneut, um sie als MCP-Tool zu registrieren. So endest du mit doppelten Schemata, manueller Prop-Zuordnung und einer Menge Registrierungs-Code. Ein vereinfachter Ansatz wird tatsächlich in mcp-use implementiert, einem kürzlich trendenden Open-Source-Full-Stack-MCP-Framework, um mit MCP-Servern, MCP-Clients und KI-Agenten zu bauen. Die Art und Weise, wie mcp-use dies implementiert, ist, dass du React-Komponenten erstellen kannst, die automatisch: - Als MCP-Tools registriert werden (von Claude/ChatGPT aufrufbar) - Als interaktive Widgets gerendert werden - Ein vollständiges React-Ökosystem unterstützen (Tailwind, Bibliotheken, Hooks) - Hot Reload während der Entwicklung ermöglichen Um dies mit einem realen Beispiel zu demonstrieren, haben wir einen Amazon-Produktanalysator gebaut. Das folgende Video zeigt dies in Aktion. So funktioniert es: → Du bittest ChatGPT, ein Amazon-Produkt zu analysieren...