Brand kit
Connector-first Claude Code pack for graphic designers: Figma, Canva, Adobe Firefly, Nano Banana, Higgsfield, Unsplash, Brand.dev + skills, design guardrails (contrast/licensing/asset hygiene), loops & review agents.
npx -y skills add m-binimran/design-pack --skill brand-kitAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 3 stars3 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
Assemble or audit a brand kit - logo, colors, typography, spacing, usage rules - and pull real brand data via Brand.dev. Use when starting brand work, onboarding a client, or standardizing a brand.
SKILL.md
1.2 KB, as published. Nobody here has run it
brand-kit
The single reference every asset is built from. Get the real values, don't guess.
Process
- Pull what exists via Brand.dev (logos, colours, industry by domain) and/or the client's Figma/files. Use real hex values, not approximations.
- Assemble the kit (
templates/BRAND-KIT.md):- Logo: versions (full/mark/mono), minimum size, clear space, misuse don'ts.
- Colour: primary/secondary/neutrals with hex + usage; check contrast for text pairs.
- Type: display + body pairing, weights, sizes, web/print licenses.
- Spacing/grid, iconography style, photography/illustration direction, voice.
- Tokenize the colours/type/spacing (hand to
design-tokens).
Output
- A complete brand kit doc + tokens, with logo files referenced and licenses recorded.
Guardrails
- Real values from Brand.dev / the client, not invented hex codes.
- Record font and asset licenses (the
license-guardhook). Flag any contrast-failing colour pairs.