
I built a CLI that catches design inconsistencies — like Lighthouse, but for your design system
You run Lighthouse to catch performance issues. You run axe to catch accessibility issues. But what catches the moment your site ends up with 54 shades of blue and 22 different line-heights? I built design-auditor for exactly that. The problem You’re three sprints in. The designer is happy. The client is happy. Then someone opens the site on a large monitor and notices the buttons have four different border-radiuses. The headings are using six font sizes that don’t follow any scale. There are at least five “grays” that are almost — but not quite — the same. None of this breaks anything. Linters don’t catch it. Lighthouse doesn’t catch it. PR reviewers miss it because it lives in computed styles, not source code. This is design drift. And it’s invisible until it isn’t. What design-auditor does It opens your URL in a real browser (via Playwright), reads every element’s computed styles , and runs them through a set of design system rules. npx design-auditor https://yoursite.com No config.
Continue reading on Dev.to
Opens in a new tab




