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.
git clone --depth 1 https://github.com/event4u-app/agent-confignpx agentmods add skills/event4u-app/agent-config/design-tokensWrote 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.
[](https://agentmods.dev/skills/event4u-app/agent-config/design-tokens)<a href="https://agentmods.dev/skills/event4u-app/agent-config/design-tokens"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/design-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.
<a href="https://agentmods.dev/skills/event4u-app/agent-config/design-tokens"><img src="https://agentmods.dev/badge/skills/event4u-app/agent-config/design-tokens.svg" alt="Reviewed on agentmods" width="80" height="20"></a>- NVIDIA SkillSpector pass
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.
| Model | Per session | Once invoked |
|---|---|---|
| Fable 5.1 | $0.00049 | $0.02367 |
| Opus 5.5 | $0.00020 | $0.00947 |
| Sonnet 5.5 | $0.00010 | $0.00473 |
| Haiku 4.5 | $0.00005 | $0.00237 |
Grade A, and why
design-tokens 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 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.
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.
How it starts
The opening of the file, as written. The whole thing — 185 lines — stays where its author put it; the contents beside it link to each section on GitHub.
design-tokens
Token authoring skill: the 3-layer DTCG model (primitive → semantic → component) with light/dark theming, a TypeScript toolchain (
scripts/tokens.ts— generate / validate / embed, run via node), and a starter template. Selection of which token values fit the product comes grounded fromdesign-intelligence(WCAG-adjusted color sets, typography pairings); this skill turns the selection into a maintained token system.
Toolchain provenance: port of the upstream .cjs trio
(generate-tokens, validate-tokens, embed-tokens) from
nextlevelbuilder/ui-ux-pro-max-skill design-system sub-skill
@ b7e3af80f6e331f6fb456667b82b12cade7c9d35 (MIT, last checked
2026-06-07); the HTML surface of upstream's html-token-validator.py is
folded into validate so there is exactly one token-discipline
linter. Obligations: design-intelligence/ATTRIBUTION.md.
When to use
- A project needs a token system (new design system, theme overhaul, dark-mode introduction).
- Hardcoded hex/px/rem values keep leaking into components — wire the validate linter into review/polish.
- The design brief landed WCAG-checked values that must become maintainable CSS variables / Tailwind theme entries.
The 3-layer model
| Layer | Names | References | Example |
|---|---|---|---|
| Primitive | raw scales | literal values only | primitive.color.blue.600 = #2563EB |
| Semantic | meaning | primitives via {primitive.…} |
semantic.color.primary = {primitive.color.blue.600} |
| Component | per-widget | semantics via {semantic.…} |
component.button.bg = {semantic.color.primary} |
Rules: components never reference primitives directly; dark mode lives
under dark.semantic.* overriding the same semantic names (emitted as a
.dark { … } block); every value is a {"$value": …, "$type": …} pair
(DTCG; 2025.10 colour/dimension/duration objects, shadow objects and
arrays, cubicBezier and fontFamily arrays read — a border,
transition, gradient, strokeStyle or typography composite, any other
array, an unresolvable {…} reference, $extends and a $ref without
$value fail generate by design, naming the token; $root takes its
group's name). A file with no primitive/semantic/component/dark
layer is flattened as semantic; top-level groups beside the layers are named
on stderr, and a file whose tokens yield no variable exits 1. Every
fontSize step has a letterSpacing sibling, per typography-system's
tracking ladder, written in rem as the step's font size × its em value,
since DTCG dimension objects allow only px and rem. Start from
the bundled starter template.
What ships with it
4 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.
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.
- 2d ago Changed · +6 lines 002648238eb8
- 10d ago Changed · +3 lines c1afa0653bdc
- 14d ago Changed b3880c7908c4
- 20d ago Changed 1f72748cf66e
- 23d ago Changed 63d894ac42d7
- 1mo ago Changed · +15 lines 260d83dd7b80
- 2mo ago First seen · 161 lines · 49 tokens per session scan A 663b8a21efca
design-tokens is a skill published in the GitHub repository event4u-app/agent-config (19 stars, last pushed yesterday), licensed MIT. It adds 49 tokens to every session and 2,367 once invoked, about $0.0002 per session on Opus 5.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.
design-tokens compared with skills from other repositories
| Mod | Type | Stars | Last push | Licence | Scan | Tokens | Works with |
|---|---|---|---|---|---|---|---|
| design-tokensevent4u-app/agent-config | Skill | 19 | yesterday | MIT | A | 49 | Claude Code, Codex |
| huashu-designalchaincyf/huashu-design | Skill | 29k | 2d ago | MIT | A | 123 | Claude Code, Codex |
| gridkostja94/marketing-skills | Skill | 1.1k | 2d ago | MIT | A | 29 | Claude Code, Codex |
| masonrykostja94/marketing-skills | Skill | 1.1k | 2d ago | MIT | A | 32 | Claude Code, Codex |
| interaction-skillcode-yeongyu/oh-my-openagent | Skill | 71k | yesterday | none | A | 104 | Claude Code, Codex |
| layout-skillcode-yeongyu/oh-my-openagent | Skill | 71k | yesterday | none | A | 88 | Claude Code, Codex |
| ui-designer/html-prototypeechoVic/boss-skill | Skill | 547 | 5d ago | MIT | A | 30 | Claude Code |