Open-source design checker takes AI UI from 266 flaws to 0

Sinan Yorulmaz@sinanyorulmazz

AI coding agents build UI that looks generated.

We built a tool that finds it, fixes it and proves it: 266 design findings → 0 on this dashboard.

Open source, zero dependencies:
npx @enmera/ai-design-check

What it does:
→ 70 design rules, each with what, why and how to fix
→ a checker with no AI and no API key that marks every finding: spacing off the 4 px grid, font sizes off the scale, gradient buttons, emoji as icons, "Welcome back, Alex! 👋", a focus ring quietly removed
→ an agent skill that fixes the screen in passes and checks again
→ a one-command before/after video, like this one

Before release we compared the rules with 16 high-rated dashboards on Dribbble and Behance. What the best ones share became rules: stat cards that read label → value → change, one card header pattern, charts that highlight one series, flat buttons, surfaces instead of heavy shadows.

Fun finding: half of those popular shots open with "Welcome back 👋". We kept the rule anyway. The title is the most valuable line on a screen you open every day.

Works with React, Next.js, Vue, Svelte, Blade and plain HTML. For Claude Code, Cursor and Codex:
npx skills add enmerasoftware/ai-design-check

Then ask "fix the design of this screen".

Repo, MIT, stars welcome: