Vercel has just announced an update to the Nuxt MCP Toolkit, supporting Model Context Protocol (MCP) apps. This feature allows agent tools to render highly interactive UI components directly within the Claude or ChatGPT chat interface.
Key Developments
Nuxt developers can now define tools using the defineMcpApp macro. The toolkit automatically bundles Vue SFCs (Single File Components) into self-contained HTML at build time. End-users will see interfaces like charts, forms, or interactive tables instead of lengthy text blocks. Composables like useMcpApp have also been added to handle synchronous data processing and call other tools directly from the UI.
Why It Matters
Supporting HTML interfaces is a game-changer for agentic applications. For Vietnamese developers building AI ecosystems, the Nuxt MCP Toolkit enables them to leverage existing Vue/Nuxt skills to build AI tools with professional UIs, boosting conversion rates and enhancing the end-user experience on popular chat platforms.