Fix Nuxt UI issues visually with AI
Click any element in your Nuxt app. Describe the fix. PulseDev's AI analyzes your components, composables, and styles — then writes production-ready code changes instantly.
What is Nuxt?Nuxt makes Vue full-stack. UI debugging is still stuck in DevTools.
Nuxt provides SSR, auto-imports, and file-based routing for Vue — but fixing layout issues across server-rendered pages, scoped styles, and composable-driven state still means slow trial-and-error.
PulseDev vs. the old way
How Nuxt developers fix UI issues — before and after PulseDev.
Tracking down hydration mismatches, scoped style conflicts, and layout shifts across SSR and client rendering.
Click the element on your running Nuxt app. PulseDev identifies the SFC, writes the fix, and previews via Vite HMR.
No more guessing which component owns the element. PulseDev maps DOM to source instantly.
Install PulseDev
Download the PulseDev desktop app for macOS. It works with both Apple Silicon and Intel Macs.
Configure PulseDev for Nuxt
Create a client-only plugin to register PulseDev. It only runs in development mode.
$ npm install -D @pulsedev/vuejs// app/plugins/pulsedev.client.ts
import { PulseDevVue } from '@pulsedev/vuejs'
export default defineNuxtPlugin((nuxtApp) => {
if (import.meta.dev) {
nuxtApp.vueApp.use(PulseDevVue)
}
})Start the dev server
Launch your Nuxt dev server as usual. PulseDev will automatically connect.
$ npx nuxt dev
➜ Local: http://localhost:3000/
➜ Network: http://localhost:3000/
→ PulseDev: Vue integration activeHow to use
Point & Inspect
Click any element in your running app. PulseDev resolves the Vue component, file path, and CSS selector instantly — no DevTools needed.
Pin & Describe
Drop numbered pins on elements and describe fixes in plain English. Attach screenshots or Figma frames for visual reference.
AI Chat & Preview
Claude proposes code diffs in a sidebar chat. See changes live via hot reload. Iterate with follow-up instructions — uses your Claude subscription at zero extra cost.
Ship with Confidence
Review staged diffs, approve or reject per change. Create commits, open PRs, or roll back with one click. Nothing ships without your approval.
Nuxt-Specific Features
Auto-import Awareness
PulseDev understands Nuxt's auto-import system for composables and utilities.
Page/Route Context
See the current route, page meta, and middleware active in your app.
Pinia State
View and edit Pinia store state directly from the UI.
Server API Debugging
Debug Nitro server routes with inline API request/response data.
Questions, answered.
Does this work with Nuxt 3 and Nuxt 4?
Is it free?
Can I use this with Nitro?
Does it work with Nuxt UI libraries?
Ready to debug Nuxt faster?
Download PulseDev and start fixing UI issues visually.
Download Free for macOS