gsd-ui-checker

gsd-ui-checker is an agent for Claude Code from mrmyothet/zach-hair-studio. It costs 41 tokens per session (2,709 once invoked), scanned A, a copy of gsd-ui-checker, MIT.

A UI-quality checker that tests a UI-SPEC, a document describing an interface's design rules, against six defined quality areas.

In plain words
What is it for?
It helps UI workflows validate design contracts and return a BLOCK, FLAG, or PASS decision without editing the specification.
Why use it?
It catches design problems such as vague button labels, missing empty states, inconsistent spacing, and unsafe third-party content before implementation.

Agent for Claude Code

Written for Claude Code: effort in frontmatter. Also seen: reads .claude/ paths; mentions CLAUDE.md; mentions AGENTS.md.

Good fit It helps UI workflows validate design contracts and return a BLOCK, FLAG, or PASS decision without editing the specification.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/mrmyothet/zach-hair-studio/gsd-ui-checker
Install

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.

Clone the repo
git clone --depth 1 https://github.com/mrmyothet/zach-hair-studio

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 gsd-ui-checker

README.md
[![agentmods](https://agentmods.dev/badge/agents/mrmyothet/zach-hair-studio/gsd-ui-checker/github.svg)](https://agentmods.dev/agents/mrmyothet/zach-hair-studio/gsd-ui-checker)
Your own site
<a href="https://agentmods.dev/agents/mrmyothet/zach-hair-studio/gsd-ui-checker"><img src="https://agentmods.dev/badge/agents/mrmyothet/zach-hair-studio/gsd-ui-checker/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 gsd-ui-checker

Your own site · 80×15
<a href="https://agentmods.dev/agents/mrmyothet/zach-hair-studio/gsd-ui-checker"><img src="https://agentmods.dev/badge/agents/mrmyothet/zach-hair-studio/gsd-ui-checker.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 41 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 2,709 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 97% copy Near-identical to another mod 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.00041 $0.02709
Opus 5 $0.00020 $0.01354
Sonnet 5 $0.00008 $0.00542
Haiku 4.5 $0.00004 $0.00271

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

Security

Grade A, and why

gsd-ui-checker 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 12d 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.

Origin

This is a copy

97% identical to gsd-ui-checker — 16 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

landing-page/.claude/agents/gsd-ui-checker.md · 312 lines

How it starts

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

Spawned by /gsd-ui-phase orchestrator (after gsd-ui-researcher creates UI-SPEC.md) or re-verification (after researcher revises).

CRITICAL: Mandatory Initial Read If the prompt contains a <required_reading> block, you MUST use the Read tool to load every file listed there before performing any other actions. This is your primary context.

Critical mindset: A UI-SPEC can have all sections filled in but still produce design debt if:

  • CTA labels are generic ("Submit", "OK", "Cancel")
  • Empty/error states are missing or use placeholder copy
  • Accent color is reserved for "all interactive elements" (defeats the purpose)
  • More than 4 font sizes declared (creates visual chaos)
  • Spacing values are not multiples of 4 (breaks grid alignment)
  • Third-party registry blocks used without safety gate

You are read-only — never modify UI-SPEC.md. Report findings, let the researcher fix.

<project_context> Before verifying, discover project context:

Project instructions: Read ./CLAUDE.md if it exists in the working directory. Follow all project-specific guidelines, security requirements, and coding conventions.

Project skills: Check .claude/skills/ or .agents/skills/ directory if either exists:

  1. List available skills (subdirectories)
  2. Read SKILL.md for each skill (lightweight index ~130 lines)
  3. Load specific rules/*.md files as needed during verification
  4. Do NOT load full AGENTS.md files (100KB+ context cost)

This ensures verification respects project-specific design conventions. </project_context>

<upstream_input> UI-SPEC.md — Design contract from gsd-ui-researcher (primary input)

CONTEXT.md (if exists) — User decisions from /gsd-discuss-phase

Section How You Use It
## Decisions Locked — UI-SPEC must reflect these. Flag if contradicted.
## Deferred Ideas Out of scope — UI-SPEC must NOT include these.

RESEARCH.md (if exists) — Technical findings

Section How You Use It
## Standard Stack Verify UI-SPEC component library matches
</upstream_input>

<verification_dimensions>

Dimension 1: Copywriting

Question: Are all user-facing text elements specific and actionable?

BLOCK if:

  • Any CTA label is "Submit", "OK", "Click Here", "Cancel", "Save" (generic labels)
  • Empty state copy is missing or says "No data found" / "No results" / "Nothing here"
  • Error state copy is missing or has no solution path (just "Something went wrong")

FLAG if:

  • Destructive action has no confirmation approach declared
  • CTA label is a single word without a noun (e.g. "Create" instead of "Create Project")

Example issue:

dimension: 1
severity: BLOCK
description: "Primary CTA uses generic label 'Submit' — must be specific verb + noun"
fix_hint: "Replace with action-specific label like 'Send Message' or 'Create Account'"

Read the full file on GitHub · 312 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. 12d ago First seen · 312 lines · 41 tokens per session scan A dd06843892f6

Subscribe to this mod's changes

gsd-ui-checker is an agent published in the GitHub repository mrmyothet/zach-hair-studio (11 stars, last pushed 27d ago), licensed MIT. It adds 41 tokens to every session and 2,709 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. It is 97% identical to gsd-ui-checker, differing in 16 lines, and is treated as a copy.

Related

Other agents, from other repositories

ux-flow-auditor

Use this agent when the user mentions UX flow issues, dead-end views, dismiss traps, missing empty states, broken user journeys, or wants a UX audit of their iOS app. Automatically scans SwiftUI and UIKit code for user journey defects - detects dead ends, dismiss traps, buried CTAs, missing loading/error/empty states…

CharlesWiltgen/Axiom · 190 tokens

ijfw-accessibility-reviewer

Design-phase WCAG 2.1 AA review of UI artefacts: contrast, semantics, focus, ARIA. Trigger per design review pass.

FerroxLabs/ijfw · 37 tokens

Design System Auditor

Design system accessibility auditor. Validates color tokens, CSS custom properties, Tailwind config, and design token files (Style Dictionary, tokens.json) for WCAG AA/AAA contrast compliance. Catches contrast failures at the token source before they reach deployed UI. Also validates focus ring tokens (WCAG 2.4.13…

Community-Access/accessibility-agents · 109 tokens

design

Design system generator — maps product domain to style, palette, typography, anti-patterns. Creates .rune/design-system.md. Use BEFORE any frontend code generation.

Rune-kit/rune · 35 tokens

mobile-ux-optimizer

Use this agent when you need to optimize UI/UX components or interfaces for mobile-first experiences, analyze existing design themes, or ensure mobile usability standards are met. Examples: Context: User has created a desktop-focused component and needs it optimized for mobile. user: 'I've built this navigation…

xbim08/awesome-claude-code-plugins · 0 tokens

frontend-reviewer

Reviews interface, branding and copy. Always verifies against a screenshot and the rendered DOM, never by reading CSS or HTML.

everywan-dev/claude-code-engineering · 28 tokens