Chrome Extension
Extract any website's brand kit — fonts, colors, and CSS tokens — into DESIGN.md, the same format our generator exports for AI coding agents.
Free · Runs locally in your browser · No account required
Scan any site
Reads CSS variables, computed colors, and font families from the active tab.
Semantic tokens
Maps colors to primary, accent, background, muted — not just raw hex swatches.
Copy & paste
Export DESIGN.md, CSS variables, JSON, or an AI prompt in one click.
How to use it
- Add the extension to Chrome from the Web Store.
- Visit any public website you want to extract a brand kit from.
- Click the extension icon in your toolbar — scanning starts automatically.
- Copy DESIGN.md, CSS variables, JSON, or an AI prompt and paste into Cursor, Claude Code, v0, or Lovable.
Developer install (optional)
Prefer to load the extension from source? The unpacked build lives in the chrome-extension/ folder of this repo.
- Open Chrome →
chrome://extensions - Enable Developer mode
- Click Load unpacked and select the
chrome-extensionfolder