PulseDev Jekyll coming soon

Fix Jekyll UI issues visually with AI

Click any element in your Jekyll site. Describe the fix. PulseDev's AI analyzes your Liquid templates, includes, and styles — then writes production-ready code changes instantly.

Download Free for macOS View Setup Guide

Free tier available. No credit card required.

localhost:3000

acme

ProductPricingDocs

Ship pixel-perfect interfaces.

The fastest way to polish your front-end.

Get started

Watch demo

section.heroh1.hero-title

640 × 240320 × 44

Trusted by

10k+

99%

4.9

What is Jekyll?

Jekyll keeps it simple. Debugging Liquid templates doesn't.

Jekyll transforms Markdown and Liquid templates into static HTML, but fixing layout issues across includes, layouts, and Sass files means slow manual iteration with each rebuild.

PulseDev vs. the old way

How Jekyll developers fix UI issues — before and after PulseDev.

~25min

Legacy layout fix

Tracing styles through Liquid includes, layout inheritance, and Sass partials to find the offending rule.

~2min

With PulseDev

Click the element on your Jekyll site. PulseDev identifies the template file and proposes the fix.

12x

Faster iteration

PulseDev resolves rendered HTML back to your Jekyll source — no more searching through _includes/ and _layouts/.

Install PulseDev

Download the PulseDev desktop app for macOS. It connects directly to your Jekyll dev server.

Download PulseDev

Configure PulseDev for Jekyll

Add the PulseDev script to your HTML to enable visual debugging. No npm package required.

HTML

<!-- 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 Jekyll dev server as usual. PulseDev will automatically connect.

terminal

$ bundle exec jekyll serve

   Server address: http://127.0.0.1:4000/
   Server running... press ctrl-c to stop.
   → PulseDev: Visual debugging enabled
   → Status:   Liquid inspector active

How to use

Point & Inspect

Click any element to see which Liquid template, layout, or include 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.

Jekyll-Specific Features

Include Inspector

View which includes are used on the current page and their parameters.

Front Matter Viewer

Inspect YAML front matter and site data used to render the current page.

Collection Debugging

Browse Jekyll collections and see how data flows into your templates.

Liquid Filter Tracing

See which Liquid filters transform data and their input/output values.

Questions, answered.

Does it work with GitHub Pages?

Yes! PulseDev works with your local Jekyll server. Debug locally, deploy to GitHub Pages.

Can I debug Liquid templates?

Absolutely. PulseDev traces Liquid execution and shows which template rendered each element.

Does it support custom plugins?

Yes, PulseDev works alongside any Jekyll plugin without conflicts.

Is there a performance overhead?

PulseDev only runs in development. It does not affect your production builds.

Works with your stack

React Vue Astro Next.js Svelte WordPress Laravel Nuxt Solid Remix Eleventy Hugo HTML