Fix Hugo UI issues visually with AI
Click any element in your Hugo site. Describe the fix. PulseDev's AI analyzes your Go templates, partials, and styles — then writes production-ready code changes instantly.
What is Hugo?Hugo builds in milliseconds. Fixing layouts takes much longer.
Hugo generates thousands of pages in seconds, but debugging template layouts, partial styles, and responsive issues across content types still requires manual DevTools work.
PulseDev vs. the old way
How Hugo developers fix UI issues — before and after PulseDev.
Tracing styles across Hugo partials, base templates, and shortcode output to find the source of a layout bug.
Click the element on your Hugo site. PulseDev identifies the template and writes the CSS or HTML fix.
PulseDev maps rendered Hugo output back to your template files — no more searching through layouts/ and partials/.
Install PulseDev
Download the PulseDev desktop app for macOS. It connects directly to your Hugo dev server.
Configure PulseDev for Hugo
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 Hugo dev server as usual. PulseDev will automatically connect.
$ hugo server
Watching for changes in /site/{content,layouts,static}
Web Server is available at http://localhost:1313/
→ PulseDev: Visual debugging enabled
→ Status: Template inspector activeHow to use
Point & Inspect
Click any element to see which Go template, partial, or shortcode rendered it. PulseDev resolves the file path 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.
Hugo-Specific Features
Partial Inspector
View which partials are used on the current page with their context data.
Front Matter Viewer
Inspect front matter and page variables used to render the current content.
Shortcode Debugging
See which shortcodes are used and their parameters on the current page.
Taxonomy Navigation
Browse taxonomies, terms, and their associated content visually.
Questions, answered.
Does it work with Hugo modules?
Can I debug Go templates?
Does it support multilingual sites?
Is there a performance overhead?
Ready to debug Hugo faster?
Download PulseDev and start fixing UI issues visually.
Download Free for macOS