Docs
Everything Mateo does, explained: how each input mode works, what the generated design.md contains, and how to put it to work in your AI coding tool.
Getting started
From sign-in to your first design.md in about two minutes.
URL-only generation
Live-site analysis: exact values read from the real CSS.
Screenshot-only generation
Visual analysis from an image when there is no URL to crawl.
URL + screenshot generation
The strongest input mode: exact values plus visual intent.
Design Quality Benchmark (Beta)
How the provisional Design Quality assessment works, what it measures, and what it does not.
Understanding the generated design.md
What each part of the output is for.
Using Mateo output with AI coding tools
Claude Code, Cursor, and any tool that accepts context.
Plans and quota behavior
What each plan includes and how monthly credits work.
Library persistence
Where your generations live and how long they stay.
Troubleshooting generation issues
The common failure modes and what to do about them.