About
Mateo turns any website's design into a design.md - a specification AI coding tools can actually build from.
Why it exists
AI coding tools changed who gets to build software. They didn’t change who gets to make it beautiful. Ask an assistant for “a landing page like Stripe’s” and you get Stripe’s layout wearing generic styling - the model can’t see Stripe’s CSS, so it substitutes its defaults.
The fix has been known all along: give the model a real specification and it follows it faithfully. But extracting a design system from a live site by hand is hours of DevTools archaeology - so almost nobody does it.
Mateo automates that extraction. It loads a page in a real browser, reads the computed styles, measures the components, catches the motion in the act, and writes the result as a document your AI tool can follow.
What we believe
Exact values or marked estimates - never confident guesses
A specification is only useful if you know how much to trust each number. When Mateo reads a live page, values are exact. When it infers, the value says "(estimated)". When a whole run is a visual read of a screenshot, the document is flagged as such. We think an honest "approximately" beats a fabricated "precisely".
Written for machines, readable by people
The output is structured markdown - headings, role tables, exact values - because that's what AI coding tools parse best. But it's also a genuinely pleasant document for a human to read, because you'll be the one checking the model's work against it.
Critique, not flattery
The Design Overview scores the design it analyzed - including its weaknesses. A tool that tells you every site is excellent is telling you nothing.
Evidence over vibes
Colors come with usage counts. Motion specs come from diffing real hover states. The pipeline interacts with the page in a real browser rather than guessing from HTML - because "how it's actually built" is the whole product.
Get in touch
Mateo is actively built, and feedback genuinely shapes it - the changelog is the receipts. For anything at all, email support - it reaches the people who build the product.