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.

Demo of a Nuxt MCP app on Claude.ai

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.

< script setup lang = " ts " >

import { z } from 'zod'

defineMcpApp ( {

name : 'weather' ,

description : 'Show the forecast for a city' ,

inputSchema : {

city : z . string ( ) .…