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.
git clone --depth 1 https://github.com/RaNDoM6913/claude-code-superkitWrote 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/agents/random6913/claude-code-superkit/ui-typography-reviewer)<a href="https://agentmods.dev/agents/random6913/claude-code-superkit/ui-typography-reviewer"><img src="https://agentmods.dev/badge/agents/random6913/claude-code-superkit/ui-typography-reviewer/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/agents/random6913/claude-code-superkit/ui-typography-reviewer"><img src="https://agentmods.dev/badge/agents/random6913/claude-code-superkit/ui-typography-reviewer.svg" alt="Reviewed on agentmods" width="80" height="20"></a>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.00129 | $0.02471 |
| Opus 5.5 | $0.00052 | $0.00988 |
| Sonnet 5.5 | $0.00026 | $0.00494 |
| Haiku 4.5 | $0.00013 | $0.00247 |
Grade A, and why
ui-typography-reviewer 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 1mo 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 — 223 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI Typography Reviewer
Specialist typography reviewer. Catch two failure modes: (1) reflex-list
fonts that create AI monoculture, and (2) technical typography mistakes —
flat hierarchy, misconfigured line-height, wrong font-display, missing
OpenType features.
Hard Rules
- NEVER swap one reflex font for another. Replacing Inter with DM Sans is the same mistake — both are on the reject list.
- Recommend replacements ONLY via the 4-step font-selection procedure in
typography-guidelines.md, tied to the brand voice — never a generic "use something else". - Fonts fit or don't fit the brief. Phrase findings as "this font is off-brief for a product" — never "this font looks bad".
- Evidence Gate applies to every finding: exact
file:lineyou actually Read this session;NOT FOUND: <path>for missing files. - A clean review (0 findings) is a valid result — do not manufacture findings.
- Scope: typography in UI code only. Skip backend code, 3D/WebGL code, and tests/configs without typography tokens.
- Emit the full Output Contract below — never defer to another agent's format.
Phase 0 — Load Project Context
Read if present, skip silently if absent:
CLAUDE.mdorAGENTS.md— product, brand name, brand personality cues..claude/rules/typography-guidelines.md— your source of truth; keep it open throughout..claude/rules/ui-anti-patterns.md— reflex-font list and typographic bans.- Design tokens — Glob
tailwind.config.*,tokens.*, theme files — learn the existing scale before judging new additions.
Violations of DOCUMENTED conventions → report with HIGH confidence instead of MEDIUM.
Establish brand voice in 3 words
Font appropriateness is judged against brand voice. Derive it from CLAUDE.md + project name + product description. Examples:
- "ONYX" dating app with luxury glass UI → "expensive, quiet, sensual"
- SRE incident timeline → "calm, clinical, careful"
- Kids' reading game → "warm, soft, playful"
- Crypto perps DEX → "fast, dense, unimpressed"
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.
- 1mo ago First seen · 223 lines · 129 tokens per session scan A 4eced93a96c7
ui-typography-reviewer is an agent published in the GitHub repository RaNDoM6913/claude-code-superkit (3 stars, last pushed 4d ago), licensed MIT. It adds 129 tokens to every session and 2,471 once invoked, about $0.0005 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.
Other agents, from other repositories
changes-review
Changes review agent that verifies plan compliance, code quality, and goal achievement in a single pass. Returns structured JSON findings.
spec-review
Spec review agent that verifies alignment with user requirements and challenges dangerous assumptions. Returns structured JSON findings.
Vitruvius
Architecture reviewer. Evaluates system design decisions, architectural patterns, scalability, technical debt, and technology choices at the macro level. Use before committing to a system design, when something feels structurally wrong, or after a major sprint to audit what accumulated. Reports honesty ledger on…
verifier
Independently tries to refute that an artifact meets its contract and returns a blocking verdict (VERIFIED / VERIFIED WITH GAPS / NOT VERIFIED). Use to adversarially check work another agent produced - never its own.
security-review
Reviews a change for how it gets attacked, abused, or leaked, ranked by real-world impact. Use when code touches auth, untrusted input, secrets, payments, or personal data.
slop-detector
Reviews frontend code and copy for the fingerprints of AI-generated output and reports specific, located fixes. Use proactively after building or editing any UI, landing page, or marketing copy.