deslint

Visual proof

Four failures AI code ships. Rendered live, not as a screenshot.

Dark-mode breaks, responsive reflow, contrast loss, invisible accessibility gaps. Each one rendered in real DOM in your browser, before and after Deslint fixes it. Same input, same output, every time.

01

Dark mode · flipped

AI wrote hardcoded colors. The preview looks fine. Flip to dark mode and the page breaks.

localhost:3000/pricing
Before
localhost:3000/pricing
After
Rule: deslint/dark-mode-coverageWCAG 1.4.3 · 1.4.11Auto-fix: adds dark: variants
Or watch the 40-second loop
Same four beats, pre-rendered. Perfect for sharing.
Every fix is deterministic — same input, same output.Inline-styled demos so this page passes its own compliance check.npx deslint scan on your repo to see yours.

What the four beats catch

The bugs your type-checker and tests cannot see.

Every beat above maps to a documented Deslint rule. The fix is deterministic — the same hex colour, the same fixed width, the same missing alt text always produces the same lint output and the same suggested rewrite.

01

Dark mode · flipped

AI generated hardcoded greys. The light preview looks fine. Flip to dark mode and the page disappears.

dark-mode-coverage
02

Responsive · reflow

Fixed widths, rigid grids, no breakpoints. Survives the laptop, clips off-screen at 375 px.

responsive-required
03

Contrast · readability

A subtitle that looks stylish at full vision disappears under mild vision loss. WCAG 1.4.3 contrast 3.7:1.

a11y-color-contrast
04

A11y · the invisible wins

No pixel diff. Empty alt, skipped headings, unlabeled inputs. Lighthouse score climbs from 67 to 100.

image-alt-text · heading-hierarchy · form-labels

Run the same check on your repo.

One command, no install, no cloud roundtrip. See the same four categories scored against your own code.

npx deslint scanOr read the getting-started guide