ui-verify-checks

ui-verify-checks is a skill for Claude Code from jhlee0409/omni-harness-kit. It costs 114 tokens per session (1,442 once invoked), scanned A, original, MIT.

A real-browser checklist for verifying frontend changes, meaning changes to what users see and interact with in a web browser. It checks rendering, behavior, scrolling, buttons, selection state, responsive layouts, and console errors.

In plain words
What is it for?
Use it before reporting a frontend UI change as complete. It starts the app if needed, opens the changed page, and checks seven browser behaviors.
Why use it?
A page can look correct while its interactions are broken or controls are unreachable. The checks also distinguish an unreachable server from an application that responds with an error.

Skill for Claude Code

Written for Claude Code: shipped in a Claude Code plugin.

Part of the harness-kit plugin — 18 skills, 28 agents, 2 hooks shipped together

Good fit Use it before reporting a frontend UI change as complete. It starts the app if needed, opens the changed page, and checks seven browser behaviors.

Compare 6 skills from other repositories ↓
Install with agentmods
npx agentmods add skills/jhlee0409/omni-harness-kit/ui-verify-checks
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.

Any agent
npx skills add jhlee0409/omni-harness-kit --skill ui-verify-checks
Clone the repo
git clone --depth 1 https://github.com/jhlee0409/omni-harness-kit

Made for: Claude Code.

Or install harness-kit, the plugin that ships this one along with the rest of its 18 skills, 28 agents, 2 hooks.

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-verify-checks

README.md
[![agentmods](https://agentmods.dev/badge/skills/jhlee0409/omni-harness-kit/ui-verify-checks/github.svg)](https://agentmods.dev/skills/jhlee0409/omni-harness-kit/ui-verify-checks)
Your own site
<a href="https://agentmods.dev/skills/jhlee0409/omni-harness-kit/ui-verify-checks"><img src="https://agentmods.dev/badge/skills/jhlee0409/omni-harness-kit/ui-verify-checks/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-verify-checks

Your own site · 80×15
<a href="https://agentmods.dev/skills/jhlee0409/omni-harness-kit/ui-verify-checks"><img src="https://agentmods.dev/badge/skills/jhlee0409/omni-harness-kit/ui-verify-checks.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 114 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.
When invoked 1,442 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 1 finding. 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.00114 $0.01442
Opus 5 $0.00057 $0.00721
Sonnet 5 $0.00023 $0.00288
Haiku 4.5 $0.00011 $0.00144

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

Security

Grade A, and why

ui-verify-checks scanned grade A with 1 finding 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 11d 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.

Makes network callslowCapability

Not a fault in itself. Listed so you know the mod talks to something, and to what.

curl -sS -o /dev/null -w '%{http_code}' <backend base URL>
adapters/omp/skills/ui-verify-checks/SKILL.md · 74 lines

How it starts

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

UI verification — 7 real-browser checks

A UI change is NOT done until it renders correctly in a real browser. The recurring failure modes: broken scroll, off-screen buttons, selection state that does not propagate, render passing while behavior is broken. This skill catches them before work is reported complete.

Setup

  1. Identify which sub-context changed from git diff --name-only.
  2. Read that sub-context's DESIGN.md first. Separate stacks may have separate tones and tokens; verify against the right one.
  3. Identify the changed route/page from the diff.
  4. Start the dev server if it is not running (npm run dev / vite on the app's own port). Wait for it to be ready before navigating.

Environment fail-fast rule (CRITICAL — distinguishes "environment" from "UI defect")

The trigger is the server being UNREACHABLE at the TRANSPORT layer: the dev server won't start, or a probe of the backend base URL returns connection-refused / ECONNREFUSED / DNS-fail / timeout — the process is not up, there is NO HTTP response at all.

An HTTP error is NOT environment failure: a 4xx/5xx (even a blanket one) means the server IS up and RESPONDING — a 500 can be a genuine backend bug, and a blanket 401/403 is usually fake-auth / wrong-cred → CANT-VERIFY (see Checks), NOT environment.

Before declaring "environment", PROBE the transport:

curl -sS -o /dev/null -w '%{http_code}' <backend base URL>
  • No HTTP code (refused / timeout) = environment fail-fast.
  • ANY code (even 500) = server is up, stay on the §Checks verdict (FAILURE / CANT-VERIFY).

On a genuine transport-unreachable signal STOP: report environment problem — server/backend process not running (transport-unreachable), environment must be fixed first in ONE line and end. Do NOT retry endlessly, re-screenshot, or fall into a long static-analysis fallback — one fail-fast verdict, then stop.

A cold next dev / vite compile is NOT "down": browser_wait_for a stable anchor first; only a refused transport AFTER that is environment.

Read the full file on GitHub · 74 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. 11d ago First seen · 74 lines · 114 tokens per session scan A 7fac850602b5

Subscribe to this mod's changes

ui-verify-checks is a skill published in the GitHub repository jhlee0409/omni-harness-kit (2 stars, last pushed 1mo ago), licensed MIT. It adds 114 tokens to every session and 1,442 once invoked, about $0.0006 per session on Opus 5. A static security scan graded it A with 1 finding (makes network calls). No closer match exists in the catalogue, so it is treated as the original; first seen 2026-08-31.

Related

Other skills, from other repositories

journey-simulation

Use when caller wants to observe how a stranger encounters a flow, artifact, or sandbox — triggers like "simulate a user journey", "test our onboarding / checkout / signup", "will my ICP convert", "how does a cold reader experience this README", "first-time user test", "cognitive walkthrough", or any request to…

RockyHong/super-bootstrap · 79 tokens

screen-reader-testing

Test web applications with screen readers including VoiceOver, NVDA, and JAWS. Use when validating screen reader compatibility, debugging accessibility issues, or ensuring assistive technology support.

wshobson/agents · 39 tokens

live-preview

Mid-build visual verification loop. Takes screenshots of components during construction, not just after. Catches visual regressions and invisible features before they compound. Requires Playwright or similar screenshot tool.

SethGammon/Citadel · 40 tokens

test-implement

Implements React/TypeScript unit, integration, and browser E2E tests with the repository's configured runner, mocks, setup, and browser harness. Use when creating or completing frontend tests and generated test skeletons.

shinpr/claude-code-workflows · 48 tokens

symfony:functional-tests

Write functional tests for Symfony controllers and HTTP endpoints using WebTestCase, getContainer, loginUser, and DAMA rollback.

dev-toolings/superpowers-symfony · 30 tokens

writing-dev-server-tests

Guides writing HMR/Dev Server tests in test/bake/. Use when creating or modifying dev server, hot reloading, or bundling tests.

twaldin/hone · 36 tokens