Livery

Livery turns a website's design into a kit your coding agent can follow, so the app it builds looks like the real thing. This extension adds the pages Livery can't reach on its own: the ones behind your login. WHAT IT DOES • Measures the design of the page you're on: colours, fonts, spacing, corner shapes, motion and layout. • Makes one picture of the page with every piece of text and every image removed, so only the layout and style remain. • Adds that page to a design kit in your Livery account, ready to install in Claude Code, Cursor, Codex or any other coding agent. WHY INSTALL IT • Your app's most important screens (dashboards, settings, account pages) are behind a login. Livery's own browser can't see them; this extension can, because it works in your browser, where you're already signed in. • Your coding agent gets the design of the screens you actually work on, not just the public homepage. • Kits stay in sync: each page you add makes a new version of the same kit. HOW IT WORKS 1. Connect the extension to your Livery account (one click, sign in once). 2. Open a page in your app, click the Livery icon and choose which kit to add it to. 3. Press Measure. You see exactly what would be sent: the measurements and the picture with content removed. 4. Press Send. The page joins your kit as a private version. PRIVATE BY DEFAULT • Nothing is sent until you've seen it and pressed Send. • The page's text, images and form contents never leave your browser. No passwords, cookies or browsing history are ever read. • It only works on the tab you click, only when you click. • Kits made with the extension are private to you until you choose to publish them. Privacy details: https://www.livery.site/legal/privacy#extension