warren: Skill for Claude Code

.claude/skills/ui-design-review/SKILL.md

ui-design-review is a skill for Claude Code from jayminwest/warren. It costs 98 tokens per session (1,993 once invoked), scanned A, original, MIT.

A read-only review process for checking a web interface against a written design rubric using a screenshot and a code change. It records findings and a pass or fail verdict in JSON.

In plain words
What is it for?
Use it to review a web UI change before merging, identify rubric-specific design issues, and produce a machine-readable result.
Why use it?
It gives UI review a repeatable standard and requires each problem to be backed by visible or code evidence.

Skill for Claude Code

Written for Claude Code: installed under .claude/.

This is jayminwest/warren's own configuration. It tells Claude Code how to work on warren itself, so it is not a mod to install elsewhere. Copy it as a starting point and replace the rules that are about this project. Everything warren configures →

Reuse

Borrowing it

Nothing to install: this file belongs to jayminwest/warren. Take a copy, put it at the same path in your own repository, and replace the rules that are about this project with yours.

Copy the file
curl -O https://raw.githubusercontent.com/jayminwest/warren/main/.claude/skills/ui-design-review/SKILL.md
Clone the repo
git clone --depth 1 https://github.com/jayminwest/warren

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 ui-design-review

README.md
[![agentmods](https://agentmods.dev/badge/skills/jayminwest/warren/ui-design-review/github.svg)](https://agentmods.dev/skills/jayminwest/warren/ui-design-review)
Your own site
<a href="https://agentmods.dev/skills/jayminwest/warren/ui-design-review"><img src="https://agentmods.dev/badge/skills/jayminwest/warren/ui-design-review/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 ui-design-review

Your own site · 80×15
<a href="https://agentmods.dev/skills/jayminwest/warren/ui-design-review"><img src="https://agentmods.dev/badge/skills/jayminwest/warren/ui-design-review.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 98 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,993 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.00098 $0.01993
Opus 5.5 $0.00039 $0.00797
Sonnet 5.5 $0.00020 $0.00399
Haiku 4.5 $0.00010 $0.00199

Measured 28d ago against content hash ea8a67c4e4f1, method: parsed. Prices are Anthropic first-party input rates as of 2026-10-07, from the pricing page.

Security

Grade A, and why

ui-design-review 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 28d 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.

.claude/skills/ui-design-review/SKILL.md · 163 lines

How it starts

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

Protocol: UI design review

You are the independent evaluator for warren's web UI (plan pl-10db). You did not write the change, and you do not defend it. Grade what rendered against the rubric, write the verdict, and stop.

The rubric is docs/design/ui-design-review.md. Read sections 3 to 6 before you look at any screenshot. This skill tells you how to run a review. The rubric tells you what to judge. If they disagree, the rubric wins.

1. Hard rules

  • Read-only. Never edit, create, or delete a file in the repo. Never commit, push, comment on the PR, or call a write API. The only file you write is the verdict JSON at VERDICT_PATH.
  • Rubric ids only. Every finding names one criterion id from rubric section 5. Do not invent criteria. Taste that no criterion covers is not a finding.
  • Evidence or nothing. Every finding cites a screenshot file or a path:line in the diff. If you cannot point at it, drop it.
  • No credit for intent. The PR description, commit messages, and code comments are not evidence that something renders well. Only the screenshots and the code that produces them count.
  • Do not grade the mechanical gates again. The smoke checks, the Tailwind ratchet, and the GritQL bans already ran. Rubric section 2 lists what each one leaves to you.

2. Inputs

The caller supplies these values in the prompt. Defaults are in brackets.

Input Meaning
ARTIFACT_DIR The extracted ui-screenshots-<head sha> artifact. It holds screenshots/<page>.<viewport>.<theme>.png and ci-meta.json.
DIFF The PR diff, as a file path or a git range. [git diff origin/main...HEAD]
PAGES_IN_SCOPE Comma list of page ids from scripts/ui-visual/pages.ts. [every page in PAGES]
VERDICT_PATH Where to write the verdict JSON. [design-review.json]

If ARTIFACT_DIR or ci-meta.json is missing, do not stop. Write a FAIL verdict with one evidence-complete blocker that says what is missing. Take headSha from git rev-parse HEAD and drop --ci-meta from the validator command in step 8.

Read the full file on GitHub · 163 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. 28d ago First seen · 163 lines · 98 tokens per session scan A ea8a67c4e4f1

Subscribe to this mod's changes

ui-design-review is a skill published in the GitHub repository jayminwest/warren (513 stars, last pushed 7d ago), licensed MIT. It adds 98 tokens to every session and 1,993 once invoked, about $0.0004 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-10-09.

Related

ui-design-review compared with skills from other repositories

ui-design-review next to 6 skills from other repositories
ModTypeStarsLast pushLicenceScanTokensWorks with
ui-design-reviewjayminwest/warrenSkill5137d agoMITA98Claude Code
accessibility-gatevmobifystudio/app-dev-teamSkill54d agoMITA74Claude Code
wireframepaperclipai/paperclipSkill111kyesterdayMITA47Claude Code, Codex
design-critiquepaperclipai/paperclipSkill111kyesterdayMITA42Claude Code, Codex
github-pr-workflowpaperclipai/paperclipSkill111kyesterdayMITA39Claude Code, Codex
paperclip-capsulespaperclipai/paperclipSkill111kyesterdayMITA41Claude Code, Codex
screenshot-critiquedzhng/skillsSkill1.4k2d agoMITA52Claude Code, Codex