Introducing Mateo

← All postsMateo Team · July 17, 2026 · 2 min read

Today we're opening up Mateo: a tool that turns any website's design into a design.md - a structured specification written for AI coding tools.

The problem it exists for

If you build with Claude Code, Cursor, or any AI assistant, you know the gap. The tools write competent code and mediocre design. Ask for "a landing page like Linear's" and you get the layout of a Linear page wearing the styling of a Bootstrap template - because the model can't see Linear's CSS, so it substitutes its defaults.

The fix isn't a better prompt. It's better evidence. Models follow a specification remarkably well when one exists in their context. Almost nobody writes that specification, because extracting a real design system from a live site is hours of DevTools archaeology.

So we automated the archaeology.

What a generation gives you

Point Mateo at a URL. It loads the page in a real browser and reads the implementation itself - computed styles, design tokens, component measurements, hover-state diffs, scroll-triggered motion. A couple of minutes later you have:

  • A Design System Health assessment: an honest, evidence-backed score computed from per-category checks against what was actually extracted
  • The full design system report: colors with roles and usage evidence, the complete type hierarchy, component specs with exact dimensions and states, spacing scales, motion vocabulary
  • An AI Context summary: the whole system compressed for a context window
  • On paid plans, Do's and Don'ts and Responsive Behavior sections that extend the spec

Every extracted value is exact - the hex in the report is the hex in the site's CSS. And when Mateo can't extract something, it says so: estimates are marked as estimates, and screenshot-based runs are flagged as visual reads. We think honesty about confidence is a feature, not a disclaimer.

Where it starts

The Free plan includes three URL generations a month - enough to try it on a site you know well and judge the output yourself. When you need more, Pro starts at $9/month.

If you want to see the output before signing in, the examples page shows a real generation. And if you build something with it, we'd genuinely like to hear - we read every support email.