What problem does it solve? Applying a brand book or visual identity guide to an existing website often leads to inconsistent colors, one-off hex values, and leaked private source files. This Skill turns raw brand materials into distilled, repo-safe rules and applies them systematically to frontend code. ## Core Features & Use Cases - Brand Distillation: Extract approved logos, color values, typography rules, and prohibited treatments from brand guides into a compact working note. - Token Translation: Map brand decisions into CSS variables, theme tokens, shared panel styles, and interactive states. - Repo-Safe Asset Handling: Check in web-ready derivatives like SVG logos and favicons while keeping private source packages out of the repository. - Use Case: A team receives an official logo package and style guide and needs their dashboard updated with matching favicons, section headers, and accent colors without exposing confidential brand source folders. ## Quick Start Use the brandbook-site-refresh skill to apply the attached brand guide to this website, creating design tokens and checked-in logo assets.
