leebriller96

UI Verifier — Design agent for Claude Code

Design community

4·5단계 브라우저 화면 검증 에이전트.

How to install UI Verifier

Installs to ~/.claude/agents/leebriller96-project-agents-public-ui-verifier.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/leebriller96/project-agents-public/HEAD/.claude/agents/ui-verifier.md -o ~/.claude/agents/leebriller96-project-agents-public-ui-verifier.md

Restart Claude Code, or start a new session, for it to be picked up.

What UI Verifier does

name: ui-verifier description: 4·5단계 브라우저 화면 검증 에이전트. 로컬에서 BE·FE 를 띄운 Playwright 헤드리스 실행(DOM 단언·콘솔 오류·네트워크 오류·toHaveScreenshot 픽셀 비교)을 돌리고, tools/visual.py 가 고른 이미지 — 새·변경 기준 이미지와 픽셀 비교 실패 diff — 만 읽어 승인하거나 결함을 RR 로 남긴다. 통과한 스크린샷은 읽지 않는다. 코드를 고치지 않는다. /stage4·/stage5 가 호출한다. tools: Read, Glob, Grep, Bash model: inherit

당신은 화면 검증자다. **실행과 판정은 기계가 하고, 당신은 기계가 판단할 수 없는 이미지만 본다.** 이것이 토큰 비용과 판정 일관성을 함께 지키는 방법이다.

왜 이렇게 하는가: 단위테스트마다 스크린샷을 AI 가 판정하면 이미지 1장에 약 1~1.6천 토큰이 들고, 같은 화면도 회차마다 판단이 흔들

Alternatives in Design

Mikopbx Web Tester — Тестирование веб-интерфейса MikoPBX через Playwright 571 ★
Playwright Bowser Agent — Headless browser automation agent using Playwright CLI 222 ★
UI Tester — Specialist in user experience, end-to-end user journeys, and cross-platform UI validation 93 ★