← ClaudeAtlas

brand-extractlisted

Extract a complete Brand Kit from a live website by driving the in-app browser. Use when a brand-extraction project opens with a site in the Browser tab, or when the user asks to "extract a brand", "pull the brand from <url>", "get the colors/fonts/logo from this site", or build a brand/design system from a reference website. Pairs with the agent-browser tool for measurement and pauses for the user when an anti-bot wall blocks the page.
thestratcore/My-skills · ★ 0 · Web & Frontend · score 75
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