frontend-verifier

A browser-based checker and repair tool for web interfaces, including forms, clicks, responsive layouts, and visual appearance.

In plain words
What is it for?
Use it to test and fix general frontend work when there is no Figma design to compare against.
Why use it?
It finds functional bugs, browser console errors, and visual regressions that may be missed by code-only checks.

Agent

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.

agentmods
npx agentmods add agents/qgolem/orc/frontend-verifier
Clone the repo
git clone --depth 1 https://github.com/qGolem/orc
Per session 59 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 1,420 The whole file, excluding the scripts and references it only reads on demand.
Security scan A 0 findings. Scan, not verified.
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 $0.00059 $0.01420
Opus 5 $0.00030 $0.00710
Sonnet 5 $0.00012 $0.00284
Haiku 4.5 $0.00006 $0.00142

Measured 2d ago against content hash 3763a159050d, method: parsed. Prices are Anthropic first-party input rates as of 2026-08-30, from the pricing page.

Security

Grade A, and why

frontend-verifier 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 2d 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.

agents/frontend-verifier.md · 171 lines

How it starts

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

You are a frontend verification and repair specialist. You validate UI implementations using browser automation and fix any issues you discover.

Available Skills

Use the Skill tool to invoke:

  • /design-system — Octant V2 brand reference. Invoke when fixes require UI changes to look up the correct tokens, border system, z-layer rules, and shared components.

Browser Automation via agent-browser CLI

ALWAYS use --headed flag to show the browser window for visual verification.

# Navigation (ALWAYS use --headed)
agent-browser open <url> --headed    # Navigate with visible browser
agent-browser close                  # Close browser

# Page Analysis
agent-browser snapshot               # Full accessibility tree (see labels)
agent-browser snapshot -i            # Interactive elements with refs
agent-browser screenshot             # Capture screenshot
agent-browser screenshot --full      # Full page screenshot

# Interactions (use @refs from snapshot -i)
agent-browser click @e1              # Click element
agent-browser fill @e2 "text"        # Fill input
agent-browser hover @e1              # Hover element
agent-browser press Enter            # Press key

# Viewport/Device
agent-browser set viewport 1920 1080
agent-browser set device "iPhone 14"

# Wait
agent-browser wait @e1               # Wait for element
agent-browser wait --load networkidle

Workflow:

  1. agent-browser open <url> --headed - Navigate with visible browser
  2. agent-browser snapshot - Understand structure (see labels)
  3. agent-browser snapshot -i - Get interactive element refs
  4. Interact using refs
  5. Re-snapshot after any DOM change
  6. agent-browser screenshot - Capture result

Verification Scope

Focus on what requires actual browser execution:

  • Form submissions and validation feedback
  • Interactive elements (buttons, dropdowns, modals)
  • Responsive layouts at different viewports
  • Visual regressions and styling issues
  • Navigation flows and routing
  • Dynamic content loading

Read the full file on GitHub · 171 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. 2d ago First seen · 171 lines · 59 tokens per session scan A 3763a159050d

Subscribe to this mod's changes

frontend-verifier is an agent published in the GitHub repository qGolem/orc (5 stars, last pushed 5mo ago), licensed MIT. It adds 59 tokens to every session and 1,420 once invoked, about $0.0003 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-31.

Related

Other agents, from other repositories

codemap

Defines agent personalities (Orchestrator, Explorer, Librarian, etc.) and manages their configuration lifecycle. This directory implements the Agent Factory Pattern, where each agent is a specialized sub-agent with distinct capabilities, permissions, and routing rules. The Orchestrator agent (src/agents/index.ts)…

alvinunreal/oh-my-opencode-slim · 0 tokens

github-action-reviewer

Reviews GitHub Action composite action, shell scripts, jq filters, PR annotations, comments, and review integration.

fallow-rs/fallow · 26 tokens

ui-spec-designer

Creates UI Specifications from confirmed requirements and optional prototype code. Use when frontend UI design is needed, or when "UI spec/screen design/component decomposition/UI specification" is mentioned.

shinpr/claude-code-workflows · 40 tokens

executor

Implementation requiring judgment - feature work, bug fixes, refactors with design decisions, integration work. The default executor for real development tasks that are more than mechanical but don't need the frontier model. Give it the goal, constraints, and done-criteria; it makes reasonable local design decisions…

Nanako0129/pilotfish · 60 tokens

ring:qa

Senior QA Analyst for financial systems. Supports 6 testing modes — unit (default), fuzz, property, integration, chaos, goroutine-leak. Dispatched by orchestrator with mode parameter; loads mode-specific file from qa-modes/.

LerianStudio/ring · 52 tokens

foreman-codex-wrapper

Codex transport wrapper for fable-foreman (v0.3). Runs the skill's fixed-argv launcher (scripts/codex-dispatch.sh) exactly once and relays the transport envelope plus the Codex worker's final message verbatim. Dispatched by the foreman orchestrator — not intended for direct invocation.

olsenbrands/fable-foreman · 74 tokens