ChatGPT/Claude Desktopユーザーへの大きなアップデートです! Claude/CursorのMCPサーバーはまだインタラクティブなウィジェットのようなUI体験を提供していません。以下のようにテキストやJSONです: { 「製品」:「iPhone 16 Pro」 「価格」:「$999」 「評価」:「4.5つ星」 } これを視覚的な要素として表示することは不可能ではありませんが、ほとんどのMCPサーバーでは同じボイラープレートを2回書かせます。1回はReactコンポーネント用、もう1回はMCPツールとして登録するためです。 そのため、スキーマが重複したり、プロップマッピングが手作業でできたり、登録コードが大量に生成されます。 簡素化されたアプローチは、最近注目されているオープンソースのフルスタックMCPフレームワークmcp-useで実装されており、MCPサーバー、MCPクライアント、AIエージェントと組み合わせて構築されています。 mcp-useがこれを実装する方法は、自動的に以下のReactコンポーネントを作成できることです: - MCPツールとして登録(Claude/ChatGPTで呼び出可能) - インタラクティブウィジェットとしてレンダリング - Reactの完全なエコシステム(Tailwind、ライブラリ、フック)をサポートすること - 現像中のホットリロード 実例でこれを示すために、Amazon製品アナライザーを作成しました。 以下の動画はその様子を示しています。 仕組みは以下の通りです: → あなたはChatGPTにAmazon商品の分析を求めます...