brand-extract

Turn a live website into a complete, machine-consumable Brand Kit — identity, semantic color palette, typography, voice — by measuring the real page, not guessing from memory. This is the methodology behind a brand-extraction project: the target site is open in a secondary in-app Browser tab, and you drive it with the agent-browser tool.

The live kit page (brand.html)

The extraction project opens with brand.html as the active tab — a self-contained brand-kit page (template: brand-extract/templates/brand-kit.html) that the daemon renders from brand.json. The daemon pre-seeds it with a deterministic first paint — a harvested logo, an approximate palette, font families, and a few cover images — so it is NOT all-skeleton when it opens. Your job is to replace that seed with measured truth and fill in the rest, progressively, so the user watches it complete module by module. You never hand-edit it: you write brand.json, then run od brand preview <brandId> and the daemon re-renders the page (the page soft-reloads itself while extracting). Optimize for fast first paint and progressive fill-in — write a partial `brand.json…