dev-agent-visual-qa

dev-agent-visual-qa is an agent for Claude Code, OpenCode from Surjal/dev-agent. It costs 72 tokens per session (786 once invoked), scanned A, original, MIT.

A read-only browser tester that checks a website using its existing Playwright setup. Playwright is a browser automation tool; the tester examines existing tests, rendered pages, user flows, screenshots, browser messages, network activity, responsive layouts, and basic accessibility.

In plain words
What is it for?
Use it to check visual layout, mobile breakpoints, console and network problems, functional flows, user-interface states, and basic accessibility.
Why use it?
It finds problems in what users actually see and do, without changing source code or writing new tests. It also reports when the required Playwright setup or relevant tests are missing.

Agent for Claude CodeOpenCode

Written for Claude Code and OpenCode: shipped in a Claude Code plugin, but also installed under .opencode/. Also seen: mentions subagents; mentions OpenCode.

Part of the dev-agent plugin — 4 commands, 16 agents, 1 hook shipped together

Good fit Use it to check visual layout, mobile breakpoints, console and network problems, functional flows, user-interface states, and basic accessibility.

Compare 6 agents from other repositories ↓
Install with agentmods
npx agentmods add agents/surjal/dev-agent/dev-agent-visual-qa
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/Surjal/dev-agent

Made for: Claude Code, OpenCode.

Or install dev-agent, the plugin that ships this one along with the rest of its 4 commands, 16 agents, 1 hook.

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 dev-agent-visual-qa

README.md
[![agentmods](https://agentmods.dev/badge/agents/surjal/dev-agent/dev-agent-visual-qa/github.svg)](https://agentmods.dev/agents/surjal/dev-agent/dev-agent-visual-qa)
Your own site
<a href="https://agentmods.dev/agents/surjal/dev-agent/dev-agent-visual-qa"><img src="https://agentmods.dev/badge/agents/surjal/dev-agent/dev-agent-visual-qa/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 dev-agent-visual-qa

Your own site · 80×15
<a href="https://agentmods.dev/agents/surjal/dev-agent/dev-agent-visual-qa"><img src="https://agentmods.dev/badge/agents/surjal/dev-agent/dev-agent-visual-qa.svg" alt="Reviewed on agentmods" width="80" height="20"></a>
Per session 72 Only the description is in the session, so the agent can decide to use it. The body loads when it is invoked.
When invoked 786 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.00072 $0.00786
Opus 5.5 $0.00029 $0.00314
Sonnet 5.5 $0.00014 $0.00157
Haiku 4.5 $0.00007 $0.00079

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

Security

Grade A, and why

dev-agent-visual-qa 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 1mo 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.

.opencode/agents/dev-agent-visual-qa.md · 71 lines

How it starts

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

You are a browser-based QA agent. You look at what actually renders and behaves, using the project's own Playwright setup -- you never write or fix code, and you never author new test files.

Rules

  • NEVER edit, write, or delete any file -- application source, config, or test files. Your edit/write permissions are denied at the tool layer. You also have bash, but bash is for running commands and reading their output, never for writing/moving/deleting files via shell redirection or utilities (>, cp, mv, rm, sed -i, etc.).
  • You only run -- you never author. If Playwright test files covering the feature under QA don't exist yet, say so explicitly and report it as a gap for dev-agent-frontend-developer to close, rather than writing one yourself.
  • REUSE the project's existing Playwright setup exactly as it is. Never create a second playwright.config.*, a second fixture file, or a duplicate browser-context setup.
  • Only run when capability detection (see .opencode/docs/capabilities.md) already established Playwright is available for this project. If you're invoked and it turns out Playwright isn't actually runnable, report that plainly as "Visual QA skipped: browser automation capability unavailable" -- do not fabricate a PASS, do not pretend you observed the browser when you didn't.
  • Use the project's own defined responsive breakpoints (from its Playwright config, Tailwind config, or the dev-agent-ux-designer spec if one exists for this task) instead of guessing arbitrary viewport sizes.
  • Don't claim more than you tested. Never claim comprehensive WCAG compliance unless you actually ran a comprehensive check.
  • When you find a problem, report it with concrete evidence (see Output format) -- screenshot path, console/network error text, exact page/viewport/flow -- not just "layout looks off."

What to check, when applicable to the task

Functional -- navigation, forms, buttons, CRUD flows, search, filtering, pagination, authentication, validation, error handling, the specific user journeys relevant to this task.

Read the full file on GitHub · 71 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. 1mo ago First seen · 71 lines · 72 tokens per session scan A b07d78691768

Subscribe to this mod's changes

dev-agent-visual-qa is an agent published in the GitHub repository Surjal/dev-agent (2 stars, last pushed 2mo ago), licensed MIT. It adds 72 tokens to every session and 786 once invoked, about $0.0003 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-08-31.

Related

Other agents, from other repositories

e2e-runner

End-to-end testing specialist using Playwright. Use PROACTIVELY for generating, maintaining, and running E2E tests. Manages test journeys, quarantines flaky tests, uploads artifacts (screenshots, videos, traces), and ensures critical user flows work.

galyarderlabs/galyarder-framework · 59 tokens

qa-tester

The QA Tester of the aSPARK team. Use in the Review phase (/demo-day) to test the running application hands-on in a real browser: verify every acceptance criterion from the spec, explore beyond the happy path, check console and network, and file reproducible bugs. Requires a browser integration (Claude in Chrome…

a-lottes/aSPARK · 79 tokens

qa-automation-engineer

E2E Testing and Browser Automation specialist. Use this agent to verify user flows, catch regressions, and audit UI alignment using the BrowserOS MCP. It ensures that the product is bug-free and mathematically aligned in a live environment.

galyarderlabs/galyarder-framework · 54 tokens

browser-tester

A browser-based end-to-end tester for checking user interfaces with Playwright, a tool that controls a real web browser. It starts the app, captures desktop and mobile screenshots, and reads what appears on screen.

andrewcigan/vibe-dev-plugin · 76 tokens

browser-verifier

Uses Playwright MCP to smoke-test the running application in a browser. Dispatched by /ship for pass/fail verification.

Houseofmvps/ultraship · 29 tokens

playwright-explorer

Use when exploring websites, proving hypotheses about web application behavior, automating browser interactions, or generating E2E tests - investigates page structure through accessibility snapshots, tests assumptions systematically, and coordinates Playwright MCP tools with tenacity to complete complex multi-step…

ed3dai/ed3d-plugins · 55 tokens