Nuxt MCP Toolkit が MCP アプリをサポート
Nuxt MCP Toolkit が新機能として MCP アプリのサポートを開始し、エージェントツールが Claude や ChatGPT などのクライアントで HTML レンダリングを可能にした。
キーポイント
インタラクティブな HTML レスポンストの実現
従来のプレーンテキストに代わり、MCP クライアント（Claude, ChatGPT）でインラインレンダリング可能な HTML 応答をエージェントツールが返せるようになった。
defineMcpApp マクロと useMcpApp コンポーザブルの導入
Vue SFC を定義するマクロと、UI 内でのデータ読み込みや追加プロンプトトリガーを可能にするコンポーザブルが提供された。
ビルド時の自己完結型 HTML ファイル化
各 Vue SFC がビルド時に自己完結型の HTML ファイルにバンドルされ、MCP エンドポイントから直接配信される仕組みが実装された。
影響分析・編集コメントを表示
影響分析
この更新は、AI エージェントとユーザー間のインタラクションの質を劇的に向上させるものであり、テキストベースの限界を超えたリッチな UI 要素（フォーム、グラフ、ボタンなど）を AI チャット内で直接利用可能にします。これにより、開発者は MCP プロトコルを活用しながらも、既存の Vue デベロッパーとしての知識を活かして高度なエージェントツールを迅速に構築できるようになります。
編集コメント
テキスト中心の AI エージェント対話に、視覚的・操作可能な UI を組み込むための重要なステップであり、Vercel の NuxtエコシステムがMCP標準化の流れを先取りしていることが伺えます。
Nuxt MCP ツールキットは、MCP アプリをサポートするようになりました。エージェントのツールは、Claude や ChatGPT などの MCP クライアントがインラインでレンダリングできるインタラクティブな HTML レスポンスを返すことが可能になり、従来のプレーンテキストレスポンスに代わるものとなります。
defineMcpApp マクロを使用してツールを宣言し、useMcpApp コンポーザブルを用いて UI 内で事前水処理されたデータを読み込んだり、フォローアッププロンプトを発行したり、他のツールを呼び出したりできます。このツールキットは、ビルド時に各 Vue SFC を自己完結型の HTML ファイルにバンドルし、MCP エンドポイントから提供します。
始め方は Nuxt MCP ツールキットのドキュメントをご覧ください。
さらに詳しく読む
原文を表示
The Nuxt MCP Toolkit now supports MCP apps. Your agent tools can return interactive HTML responses that MCP clients like Claude and ChatGPT render inline, rather than plain-text responses.
Declare a tool with the defineMcpApp macro, then read pre-hydrated data, trigger follow-up prompts, or call other tools from inside the UI with the useMcpApp composable. The toolkit bundles each Vue SFC into a self-contained HTML file at build time and serves it from your MCP endpoint.
Read the Nuxt MCP Toolkit documentation to get started.
Read more
関連記事
今日のまとめ
AI日報で今日の重要ニュースをまとめ読み