brand-extractlisted
Install: claude install-skill thestratcore/My-skills
# 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` and preview it the moment
you have a name, a couple of colors, and a logo, then preview again after each
field group rather than batching the whole kit to the end.
> The trap to avoid: an LLM left alone regresses to the mean — Inter, an indigo
> accent, a purple gradient. That is off-brand for ev