MCP Design Audit Tool

Party_Worry1860 · reddit · 2026-07-17

The author developed an **MCP tool** capable of conducting a "design audit" on any website: - Measures accessibility and visual design metrics directly from the **real DOM**, including color contrast, font hierarchy, spacing grids, hover states, and animation durations - Assigns a **0–100 score** and provides raw evidence alongside a prioritized fix list - Repair suggestions reference specific lines of evidence, allowing an agent to modify code based on exact measurements rather than guessing from screenshots The public gallery has already scored **322 websites**. The service runs as a **streamable HTTP** endpoint, making it compatible with MCP-supporting tools (Claude Code, Cursor, VS Code, etc.), and offers a free API key with no credit card required.

Original post →

More from coding & agent

coding & agent channel →