brand-to-tokens

brand-to-tokens is a skill for Claude Code, Codex from event4u-app/agent-config. It costs 39 tokens per session (1,622 once invoked), scanned C, original, MIT.

A tool that converts an approved brand identity into design tokens, named values for colours, typography, spacing, and related design choices.

In plain words
What is it for?
Use it to produce a DTCG token file, CSS variables, and Tailwind styling from confirmed brand rules, or to seed image-asset and website-generation workflows.
Why use it?
It creates one maintained source of truth that other tools can use instead of copying brand values into separate styles and templates.

Skill for Claude CodeCodex

Written for no agent in particular: nothing here depends on one. Also seen: mentions subagents.

Needs its repository: it reads a path above its own folder, which exists only inside the repository. The line is ADR-061 §8 deferral. Takes a confirmed [`brand-identity`](../brand-identity/SKILL.md).

Good fit Use it to produce a DTCG token file, CSS variables, and Tailwind styling from confirmed brand rules, or to seed image-asset and website-generation workflows.

Compare 6 skills from other repositories ↓
Install

Getting it into your agent

It runs from inside its repository, so the clone comes first — what it calls does not travel with the file alone.

Clone the repo
git clone --depth 1 https://github.com/event4u-app/agent-config
agentmods
npx agentmods add skills/event4u-app/agent-config/brand-to-tokens

Made for: Claude Code, Codex.

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-to-tokens

README.md
[![agentmods](https://agentmods.dev/badge/skills/event4u-app/agent-config/brand-to-tokens/github.svg)](https://agentmods.dev/skills/event4u-app/agent-config/brand-to-tokens)
Your own site
<a href="https://agentmods.dev/skills/event4u-app/agent-config/brand-to-tokens"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/brand-to-tokens/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-to-tokens

Your own site · 80×15
<a href="https://agentmods.dev/skills/event4u-app/agent-config/brand-to-tokens"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/brand-to-tokens.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 39 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,622 The whole file, excluding the scripts and references it only reads on demand.
Security scan C 1 finding. A grade says what 26 rules found in the file — not that it is safe. Third-party audits
  • NVIDIA SkillSpector pass 7 Sept 2026
How audits are shown
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.00039 $0.01622
Opus 5 $0.00019 $0.00811
Sonnet 5 $0.00008 $0.00324
Haiku 4.5 $0.00004 $0.00162

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

Security

Grade C, and why

brand-to-tokens scanned grade C with 1 finding 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 2d 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.

Hidden instructionshighPrompt injection

Directives inside HTML comments, invisible characters or bidirectional overrides are read by the model and not by the person reviewing the file.

`agents/settings/brand/tokens.json` <!-- ref-ignore -->, none of them
src/skills/brand-to-tokens/SKILL.md · 128 lines

How it starts

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

brand-to-tokens

The brand→token derivation — the first consumer demand that closes the ADR-061 §8 deferral. Takes a confirmed brand-identity constraint set and produces a DTCG .tokens.json source of truth, then hands it to the design-tokens toolchain to emit CSS vars + Tailwind. The same .tokens.json is the export that pack-ai-image brand-asset generation and the greenfield scaffold seed consume (B → A; contract: brand-token-consumption).

Known contradiction — the filename this skill authors is not the one the resolver reads

Recorded, not resolved. This skill's prose says to author .tokens.json, and the only resolver in the tree reads tokens.jsonBRAND_TOKEN_PATHS searches tokens.json, assets/tokens.json, resources/tokens.json and agents/settings/brand/tokens.json , none of them dot-prefixed. A consumer following this skill literally therefore produces a file nothing loads.

The authoring name is a consumer-visible decision and is deliberately not changed here. What closes the gap in the meantime is agent-config brand:status, which reports which of the four paths holds a file — and separately flags a dot-prefixed .tokens.json, which is exactly the file a reader of this skill would plausibly have created.

Moved here from brand-source-of-truth on 2026-09-09: it is a note about this skill, and its 6 lines in a standing rule were paid for on every subagent spawn. The substitution funded that rule's artifact-versus-brand pointer, per the council verdict on blocker: standing-payload-headroom.

When to use

  • A confirmed brand identity (colour story, type story, spacing) needs to become a maintained token system.
  • A consumer asks to "turn the brand into tokens / CSS variables / a theme."
  • Before pack-ai-image brand-asset generation or a greenfield scaffold needs the .tokens.json export.

Read the full file on GitHub · 128 lines

Files

What ships with it

3 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

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. 2d ago Changed · +21 lines scan A → C 659f00115125
  2. 12d ago First seen · 107 lines · 39 tokens per session scan A 538fa18adfb0

Subscribe to this mod's changes

brand-to-tokens is a skill published in the GitHub repository event4u-app/agent-config (10 stars, last pushed today), licensed MIT. It adds 39 tokens to every session and 1,622 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it C with 1 finding (hidden instructions). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

create-chatgpt-mockup

Render pixel-accurate ChatGPT mobile (iOS) screen mockups in light mode from a thread JSON. Supports user text bubbles, user image attachments, assistant markdown prose, citation chips, the OpenAI spiral logo, the Apps-SDK GPT chip in the composer, and three header styles (model-tag, plain title, "Get Plus"). Fixed…

gooseworks-ai/goose-skills · 90 tokens

ui-designer/design-system

A shared set of rules for a product’s visual design, covering colors, fonts, spacing, corner shapes, shadows, and animations.

echoVic/boss-skill · 30 tokens

user-research-cookiy

End-to-end user research assistant — qualitative and quantitative. Use this skill whenever the user mentions user research, user interviews, discussion guides, interview guides, research plans, qualitative research, quantitative research, user surveys, survey design, usability studies, participant recruitment…

cookiy-ai/user-research-skill · 154 tokens

excalidraw-architect

Choose and compose the right Excalidraw diagram - architecture, flowchart, sequence, state, ER, swimlane, process, timeline, quadrant, pyramid, venn, loop, gantt, bar, line, scatter, and more - using the excalidraw-architect-mcp server. Use whenever a reader would learn more from a picture than from prose, or when…

BV-Venky/excalidraw-architect-mcp · 101 tokens

design-review

A review procedure for checking an HTML file against the melta UI design system, which is a set of rules for how an interface should look and behave.

tsubotax/melta-ui · 0 tokens

ux-strategy

Connect design decisions to business outcomes through competitive analysis, opportunity mapping, Jobs to Be Done, outcome-driven discovery, value proposition design, and UX metrics. Shape product direction with strategic frameworks grounded in evidence.

cuellarfr/design-skills · 44 tokens