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.
npx agentmods add commands/hermeticormus/libreuiux-claude-code/ui-critiquegit clone --depth 1 https://github.com/HermeticOrmus/LibreUIUX-Claude-CodeWrote 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/commands/hermeticormus/libreuiux-claude-code/ui-critique)<a href="https://agentmods.dev/commands/hermeticormus/libreuiux-claude-code/ui-critique"><img src="https://agentmods.dev/badge/commands/hermeticormus/libreuiux-claude-code/ui-critique.svg" alt="Measured on agentmods" 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.00010 | $0.02445 |
| Opus 5 | $0.00005 | $0.01222 |
| Sonnet 5 | $0.00002 | $0.00489 |
| Haiku 4.5 | $0.00001 | $0.00245 |
Grade A, and why
ui-critique 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 6d 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 — 447 lines — stays where its author put it; the contents beside it link to each section on GitHub.
UI Design Critique
Analyze UI components and provide specific, actionable design feedback.
Usage
/ui-critique
Run this command while viewing a component file to get detailed design feedback.
Instructions for Claude
When the user runs /ui-critique, analyze the current component or page and provide comprehensive design feedback.
1. Analysis Framework
Review the component across these dimensions:
A. Design System Compliance
Check:
- Are colors from the design system/palette?
- Is typography following the scale?
- Is spacing consistent with the system?
- Are border radius values standard?
- Are shadows consistent?
Report:
✅ Design System: Compliant
- Colors match palette
- Typography uses scale
⚠️ Design System: Partial compliance
- Spacing: Using custom values (17px) instead of scale
- Shadows: Mix of shadow-md and custom values
❌ Design System: Non-compliant
- Random hex colors used (#E8E8E8 not in palette)
- Custom font sizes (19px) outside scale
B. Visual Hierarchy
Check:
- Is there clear visual hierarchy?
- Are headings appropriately sized?
- Is important content emphasized?
- Is the eye guided through the layout?
Report:
✅ Strong visual hierarchy
- Clear heading sizes (H1 > H2 > H3)
- Important CTA stands out
⚠️ Weak visual hierarchy
- Similar sizes for heading and body text
- CTA button blends into background
Suggestions:
- Increase H1 from text-2xl to text-4xl
- Make CTA button bg-blue-600 instead of bg-gray-600
C. Spacing & Rhythm
Check:
- Is whitespace used effectively?
- Is spacing consistent?
- Are elements properly separated?
- Is there breathing room?
Report:
❌ Spacing issues found:
1. Inconsistent gaps:
- Using gap-4, gap-6, and gap-5 in same component
- Recommendation: Standardize to gap-6
2. Cramped padding:
- Card has p-4, feels tight
- Recommendation: Increase to p-6 or p-8
3. No section spacing:
- Elements stack without margin
- Recommendation: Add space-y-8 to container
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.
- 6d ago First seen · 447 lines · 10 tokens per session scan A ad245eca6bfd
ui-critique is a command published in the GitHub repository HermeticOrmus/LibreUIUX-Claude-Code (101 stars, last pushed 3mo ago), licensed MIT. It adds 10 tokens to every session and 2,445 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-08-30.
Other commands, from other repositories
start
Run the canvas-to-code workflow — guided discovery, auto-resume, or jump to a specific gate.
assets
Inventory .claude-design/ / — file counts, types, locations.
dashboard
Work timeline — what's done, what's in progress, when, with PR + doc links.
design-audit
Systematic evaluation of existing designs against fundamental principles. Provides actionable feedback rooted in design theory and best practices.
brand-identity
Guided workflow for creating comprehensive brand identity systems. Walks through discovery, strategy, visual identity, and guidelines creation.
checklist
Generate a custom checklist for the current feature based on user requirements.