4.Mobile vs. desktop token comparison
Overview
Extract the same site at desktop and mobile viewport. Ask an AI to identify which tokens change between breakpoints and which stay fixed — finding type scales that don't adapt, spacing that ignores viewport, or radii that differ unexpectedly.
Responsive design problems are often invisible until a user reports them. A type scale that stays fixed across viewports, spacing that doesn't compress on mobile, or border radii that differ between breakpoints — none of these show up in a single extraction. Run Dembrandt twice on the same URL, once without flags (desktop) and once with --mobile, then compare the two token sets with an AI agent. The output is a concrete list of what changes between viewports and what probably should but doesn't.
Extract desktop
Extract mobile viewport
Per-token viewport diff: what adapts responsively and what is hardcoded across breakpoints.
More in Extraction
Browse all
All recipes →