brand-kit

brand-kit is a skill for Claude Code from matteotitta/genesys-skills. It costs 26 tokens per session (3,727 once invoked), scanned A, original, MIT.

A visual identity reference extracted from screenshots or a website. It records the colours, typography, spacing, and other design choices in a DESIGN.md format for use in later design and development work.

In plain words
What is it for?
Use it to document a brand’s visual system from screenshots or a website and provide a shared reference for design and interface production.
Why use it?
It turns an existing visual style into documented design decisions that a team can reuse. This helps keep new pages and interfaces visually consistent.

Skill for Claude Code

Written for Claude Code: effort in frontmatter. Also seen: reads .claude/ paths; mentions CLAUDE.md; mentions Claude Code.

Good fit Use it to document a brand’s visual system from screenshots or a website and provide a shared reference for design and interface production.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/matteotitta/genesys-skills/brand-kit
Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent
npx skills add matteotitta/genesys-skills --skill brand-kit
Clone the repo
git clone --depth 1 https://github.com/matteotitta/genesys-skills

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

agentmods badge for brand-kit

README.md
[![agentmods](https://agentmods.dev/badge/skills/matteotitta/genesys-skills/brand-kit/github.svg)](https://agentmods.dev/skills/matteotitta/genesys-skills/brand-kit)
Your own site
<a href="https://agentmods.dev/skills/matteotitta/genesys-skills/brand-kit"><img src="https://agentmods.dev/badge/skills/matteotitta/genesys-skills/brand-kit/github.svg" alt="Measured on agentmods" height="20"></a>

Or the 80×15 button, for a site that already has a row of RSS and ATOM ones. Only the verdict fits; the numbers stay here.

agentmods 80×15 button for brand-kit

Your own site · 80×15
<a href="https://agentmods.dev/skills/matteotitta/genesys-skills/brand-kit"><img src="https://agentmods.dev/badge/skills/matteotitta/genesys-skills/brand-kit.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 26 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 3,727 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.
Origin original No closer match found in the catalogue.
Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

ModelPer sessionOnce invoked
Fable 5.1 $0.00026 $0.03727
Opus 5 $0.00013 $0.01863
Sonnet 5 $0.00005 $0.00745
Haiku 4.5 $0.00003 $0.00373

Measured 9d ago against content hash 32314a66f34d, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-12, from the pricing page.

Security

Grade A, and why

brand-kit scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 9d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

skills/research/brand-kit/SKILL.md · 281 lines

How it starts

The opening of the file, as written. The whole thing — 281 lines — stays where its author put it; the contents beside it link to each section on GitHub.

Research substrate (Exa)

Default: Exa, per .claude/rules/exa-protocol.md (auto-loaded for research, audit, competitor, ICP, AEO, content sourcing, sales prospecting work).

Primary tools: web_search_exa, web_fetch_exa. Use case: fallback visual-identity reference harvest when screenshots unavailable.

Citation: every Exa-derived claim uses [VERIFIED: exa_search, {url}, accessed {YYYY-MM-DD}] per .claude/rules/ontology.md. Quality gate: ≥3 sources per major claim, ≥50% [VERIFIED] confidence.


Brand Kit

Extract visual identity from screenshots and compile into a DESIGN.md-format brand system file: YAML token frontmatter (machine-authoritative) + 8 ordered prose sections (human rationale). Screenshot-first approach for pixel-perfect fidelity — URL scraping available as supplementary input.

Scope: Visual identity only. Voice, copy, and messaging live in TOV guidelines and client CLAUDE.md — not in the brand kit. Use /brand-context for voice sync.

Authority: This skill produces the canonical input for every downstream visual-production skill. The integration contract (how DESIGN.md flows to shadcn primitives, Figma variables, and non-web tools) is defined in .claude/rules/design-production.md — that file auto-loads when working on visual production. Read it before invoking this skill.


Claude Code triggers

Invoke when:

  • "extract brand from [company]"
  • "brand kit for [client]"
  • "brand guidelines for [URL]"
  • "brand identity for [company]"
  • "design system extraction"
  • "get colors and fonts from [screenshots/URL]"
  • "create brand file for [client]"
  • "build brand system for [client]"
  • "design tokens from [company]"
  • "visual identity extraction"
  • After completing initial client onboarding when brand assets are available

Do NOT invoke when:

  • User wants TOV/voice guidelines → use /tov-guidelines
  • User wants messaging/positioning → use /product-messaging
  • User wants competitor analysis → use /competitor-research
  • User wants the Genesys Growth brand → load /genesys-brand directly

Read the full file on GitHub · 281 lines

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

  1. 9d ago First seen · 281 lines · 269 tokens per session scan A 32314a66f34d

Subscribe to this mod's changes

brand-kit is a skill published in the GitHub repository matteotitta/genesys-skills (36 stars, last pushed 1mo ago), licensed MIT. It adds 26 tokens to every session and 3,727 once invoked, about $0.0001 per session on Opus 5. A static security scan graded it A with 0 findings. No closer match exists in the catalogue, so it is treated as the original; first seen 2026-09-03.

Related

Other skills, from other repositories

gingiris-b2b-growth

🇺🇸 B2B SaaS Growth — PLG vs SLG Playbook — Diagnose whether your problem is distribution, pricing, or PMF. PLG/SLG selection by ACV and sales cycle, the 5-stage path from $0 to $10M ARR, NRR discipline, affiliate & channel motion, enterprise tiering. Built from HeyGen, Deel, Vercel, Supabase, Snowflake patterns.…

Gingiris-1031/gingiris-skills · 484 tokens

gr-b2b-growth

A guide to growing a business-to-business software product from early user research to large-scale sales. B2B software is sold to companies rather than individual consumers.

Gingiris-1031/gingiris-skills · 83 tokens

go-to-market-playbook

A reusable Go-to-Market strategy template for both B2B and B2C launches. Covers positioning, messaging, ICP definition, channel selection, and competitive analysis frameworks. By @WeiYipei.

Gingiris-1031/gingiris-skills · 48 tokens

ui-ux-gtm

Design GTM UI/UX patterns — landing pages (hero, proof, CTA), forms (progressive disclosure, inline validation), signup flows (activation, time-to-value), dashboards (KPI hierarchy, trend indicators), and accessibility (WCAG 2.2 AA). Use when designing or auditing GTM tool interfaces, landing pages, conversion flows…

LeadMagic/gtm-skills · 96 tokens

design-system-gtm

Define brand-context for AI agents — visual identity systems, voice/tone guides, color palettes with hex/RGB/HSL, typography systems with font stacks and type scales, logo usage rules, asset templates, and brand guardrails. Use when creating a design system for AI-generated GTM content, ensuring brand consistency…

LeadMagic/gtm-skills · 90 tokens

graphic-design-gtm

Create GTM visual assets — social graphics, ad creatives, pitch deck design, one-pager layouts, email images, data visualization, and brand-consistent templates. Use when creating visual content for GTM, designing social media graphics, building ad creatives, or establishing visual identity for campaigns. Triggers on…

LeadMagic/gtm-skills · 115 tokens