← ClaudeAtlas

brand-kitlisted

Build a portable brand-kit.json for the user's product — colors, typography, voice — that other skills (video, ad creative, landing page) can consume. Multiple discovery paths so it works whether the user has access to their site's source code or only a public URL or just a logo image.
cognyai/claude-code-marketing-skills · ★ 55 · AI & Automation · score 81
Install: claude install-skill cognyai/claude-code-marketing-skills
# Brand Kit Build a `brand-kit.json` describing the user's product in a way other skills can consume — colors, type, voice, do/don't language, optional logo. Other Cogny skills (`/tiktok-launch-video`, `/reddit-launch-video`, `/linkedin-launch-video`, `/landing-page-review`, `/ad-copy-writer`) read this file when present. The skill is built around the reality that **users don't always have access to their site's source code**. There are six paths to a kit, in priority order. Stop at the first one that yields enough. ## Usage `/brand-kit https://example.com` — extract from a live site `/brand-kit ~/git/our-site` — extract from a local repo (Tailwind / CSS vars) `/brand-kit ~/Desktop/logo.png` — extract palette from a logo or screenshot `/brand-kit ~/Desktop/homepage.png logo.png` — combine site screenshot + logo `/brand-kit` — interview the user ## Output A `brand-kit.json` written to (in priority order, whichever path makes sense for the user's setup): 1. `.agents/brand-kit.json` (if `.agents/` exists) 2. `.claude/brand-kit.json` (if `.claude/` exists) 3. `./brand-kit.json` (otherwise — current working directory) Always print the path you wrote to so the user can move it. ## Schema ```json { "name": "cogny", "site": "https://cogny.com", "logo": { "path": "./brand/logo-square.png", "use_in_video": false }, "colors": { "background": "#1f1d1d", "foreground": "#ede8e3", "primary": "#b09acd", "accent": "#c9badf", "muted":