Agent-native, cookieless site analytics. Your coding agent measures deploys, flags changes, and suggests next moves with evidence. No dashboard, no charts to read.
Screen Ruler is a Chrome extension for measuring and inspecting live web pages. By popular demand, it now supports editing. Click an element, see its matched CSS, tweak values inline. Works on :hover/:focus and inside @media rules with every single change tracked and viewable in one place.
Unlike browser DevTools, Screen Ruler is built for design workflows: visual flexbox/grid breakdown, gradient inspection with color stops, multi-element pseudo-state simulation, CSS-to-Tailwind conversion, and a Page tab with Performance, SEO, and Social previews.
Screen RulerMeasure, Inspect, and Edit Anything on the Web
UI InspectorA visual CSS editor for your browser
Screen Ruler