Livery
Paste a link, get its design as a kit your coding agent can apply — on the web, in Chrome, in Figma and on Android.

Overview
Livery turns any website into a design kit that Claude Code, Cursor or Codex can apply to your own project: its colours, type, spacing, motion and voice, measured from the rendered page rather than guessed by a model. Typing livery.site/ in front of any address builds the kit, and every kit lands in a public library people can search by palette, typeface or icon set. Around it I built the rest of the family: a Chrome extension that copies a site, every page with its text, images, fonts and a recorded walkthrough, or measures the pages behind your login; a Figma plugin that rebuilds those copies as editable frames with colour variables, text styles and prototype links; and Applivery, an Android app that takes an installed app apart on the phone and exports the same kit. I designed and built all of it end to end, including the hosted browser that renders every page.
- Client
- Livery
- Year
- 2026
- Role
- Design & Development
- Stack
- Next JS
- React js
- Tailwind css
- Supabase
- Playwright
- Flutter
- Kotlin
What people said
21 reactions from people who tried it





















