Fix Remix UI issues visually with AI
Click any element in your Remix app. Describe the fix. PulseDev's AI analyzes your routes, loaders, and components — then writes production-ready code changes instantly.
What is Remix?Remix embraces the platform. Fixing UI issues is still a detour.
Remix delivers fast page loads through nested routing and server rendering, but debugging layout issues across route boundaries, loader-driven state, and CSS imports is a context-switching marathon.
PulseDev vs. the old way
How Remix developers fix UI issues — before and after PulseDev.
Tracing styles across nested routes, outlet boundaries, and loader-driven layouts in Remix applications.
Click the element in your running Remix app. PulseDev identifies the route module and proposes the code fix.
PulseDev understands Remix route nesting and resolves elements to the correct route file instantly.
Install PulseDev
Download the PulseDev desktop app for macOS. Then add the plugin to your Remix project.
Configure PulseDev for Remix
Add the PulseDev script to your HTML to enable visual debugging. No npm package required.
<!-- Add to your HTML <head> -->
<script src="https://cdn.pulsedev.app/widget.js"
data-project="YOUR_PROJECT_ID"
defer></script>Start the dev server
Run your Remix dev server as usual. PulseDev will automatically connect via the HMR bridge.
$ npm run dev
VITE v6.0.0 ready in 300ms
➜ Local: http://localhost:5173/
→ PulseDev: Visual debugging enabled
→ Status: Route inspector activeHow to use
Point & Inspect
Click any element to jump directly to the route component or layout that rendered it. PulseDev resolves the file path and 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.
Remix-Specific Features
Loader Inspector
View loader data for any route segment with request timing and response details.
Action Debugging
Debug form actions with mutation data, validation errors, and response inspection.
Nested Routes
Visualize the full nested route hierarchy and see which outlet renders what.
Error Boundary Tracking
See which error boundaries are active and what errors they caught.
Questions, answered.
Does it work with Remix v2?
Can I debug loaders and actions?
Does it support nested routes?
Is there a performance overhead?
Ready to debug Remix faster?
Download PulseDev and start fixing UI issues visually.
Download Free for macOS