Executive Summary
Nuxt has updated its MCP Toolkit to allow developers to create "MCP apps." This enables AI agent tools to return interactive HTML user interfaces, built with Vue, that render directly within compatible clients like Claude and ChatGPT. This moves beyond plain-text responses, allowing for richer, more capable user interactions from within the AI chat window.
Key Takeaways
* Interactive HTML Responses: Tools can now return fully interactive HTML UIs instead of just plain-text outputs.
* Inline Rendering: The UI is rendered directly within the host client (e.g., an AI chatbot), providing a seamless user experience.
* New Developer Macros: The toolkit introduces `defineMcpApp` to declare a tool and `useMcpApp` to interact with the host, read data, and call other tools from the UI.
* Vue SFC-Based: Developers build these interactive components using standard Vue Single-File Components (SFCs).
* Self-Contained Bundling: The toolkit bundles each component into a self-contained HTML file at build time, which is then served from the developer's MCP endpoint.
Strategic Importance
This update positions Nuxt as a key framework for building advanced AI agent tools, enabling developers to create richer, app-like experiences directly within conversational AI platforms.