Nuxt Module
Less than 1 minute
aiti-devtools-nuxt
❝ Every extra step of integration cost creates one more person who never integrates. ❞
Nuxt module: one line in modules = built-in MCP in the dev server (bridge/MCP/launcher same-origin under /aiti/) + launcher auto-injected into the head + automatic agent-tool registration at startup. The user changes no application files.
Installation
npm
npm install -D aiti-devtools-nuxtyarn
yarn add -D @aiti-ai/aiti-devtools-nuxtpnpm
pnpm add -D @aiti-ai/aiti-devtools-nuxtbun
bun add -D @aiti-ai/aiti-devtools-nuxtConfiguration
// nuxt.config.ts — the only place the user touches
export default defineNuxtConfig({
modules: ['@aiti-ai/aiti-devtools-nuxt'],
aitiDevtools: { mcp: { register: false } }, // optional, passes through AitiDevtoolsOptions
});Behavior
- The module internally mounts the aiti-devtools-vite plugin (Nuxt dev runs on Vite underneath) + a Nitro/head injection fallback
- SSR-rendered HTML is injected too (head script)
- dev-only:
nuxt buildproduction output gets zero injection - The
aitiDevtoolskey passes the Vite plugin's options straight through (name/bridgeUrl/aiUrl/mcp…)
Verification
pnpm dev --port 5599
curl -s http://localhost:5599/ | grep -o aiti-launcher # the launcher script should appear in the HTMLRunnable example: examples/aiti-nuxt-demo (port 5599)