Mr Markdown
AI-powered design audits and a curated library of 33 themed design systems — inspired by films, artists, movements, and brands. Each system is a complete, exportable design language.
How the Audit Works
Enter any URL and the tool captures a screenshot, extracts the DOM, and sends it to Claude for analysis across three dimensions.
01
Heuristics
Evaluated against Jakob Nielsen's 10 Usability Heuristics — visibility of system status, match between system and real world, user control, consistency, error prevention.
02
Accessibility
WCAG 2.1 Level AA compliance — contrast ratios, keyboard navigation, screen reader compatibility, semantic HTML, focus management.
03
Styling
Visual design quality — typography hierarchy, spacing consistency, color harmony, visual weight balance, responsive considerations.
After the audit, you can restyle the page with any design system from the library. The tool generates CSS custom property overrides and a detailed change report with before/after comparisons.
Themed Design Systems
33 curated systems, each a complete design language — palette, typography, spacing, radius, shadow, motion, and grain. Exportable as CSS, Tailwind config, or JSON.
Film
Blade Runner 2049
JetBrains Mono
Movement
Bauhaus
DM Sans
Film
Her
Crimson Pro
Brand
Linear
Inter
Artist
Basquiat
Archivo Black
+ 28 more systems including Wes Anderson, Studio Ghibli, Dieter Rams, Spotify, and others.
Why I Built It
I spend a lot of time studying how other products make design decisions. This tool automates the parts that used to be manual — capturing design patterns, measuring spacing systems, and documenting color usage. It's also an exploration of what becomes possible when you give AI models direct access to design artifacts.