ui-visual-review SKILL.md skillA
ui-visual-review from uzysjung/uzys-agent-harness is an agent skill: a SKILL.md folder an AI agent loads when a task calls for it.
mdr add uzysjung/uzys-agent-harness/ui-visual-review@git:20260927.7ff1996Pins git:20260927.7ff1996 in mdr.lock. Pin the fingerprint instead.
- Audit grade
- A, 17 of 17 checks passed
- Kind
- SKILL.md skill
- Repository
- uzysjung/uzys-agent-harness
- Path
templates/skills/ui-visual-review/SKILL.md- Versions recorded
- 5
- Latest version
- git:20260927.7ff1996, committed Sep 27, 2026
- First version recorded
- Jun 26, 2026
- Size
- 10,080 bytes
- Repository stars
- 3
- License
- MIT
Captures and compares key UI-flow screenshots after E2E tests pass on UI tracks (csr-*, ssr-*, full), flags visual regressions and console errors, and prepares findings for user approval. Also owns browser-launch rules: read before opening any browser via Playwright, chrome-devtools MCP, or a launcher. Use for manual E2E checks, reference-product UX/fidelity comparisons, OAuth login, automated capture, or reported browser lag.
Collected from public GitHub. Every version is saved exactly as it was and never changes. Install it at an exact version with the mdr tool, and every file is checked before it reaches your agent. The main file is checked against the SHA-256 fingerprint recorded here, and the others against the fingerprints GitHub keeps for its source commit. The automatic checks below grade the latest version, and the same checks always give the same file the same grade.
What the file says
# UI Visual Review ## Purpose E2E 테스트가 PASS 했어도 시각적 회귀(layout shift, 색상/간격 변화, 빈 화면, 잘림)는 functional test가 못 잡는다. 본 skill은: 1. 핵심 사용자 화면을 자동 캡처 2. 이전 baseline과 diff 3. 에이전트가 명백한 regression 1차 판정 4. 사용자가 최종 승인 → 새 baseline 채택 또는 수정 요청 수동으로 스크린샷을 모아 눈으로 비교하던 패턴을 자동화 + diff + 에이전트 사전 판정으로 옮긴 형태. ## When to Invoke | 트리거 | 행동 | |--------|------| | E2E 테스트 PASS + UI Track(csr-*/ssr-*/full) | 본 skill 호출 권유 | | UI 변경 PR review | visual diff 결과 review 입력으로 | | 의도적 디자인 변경 후 baseline 갱신 | "approve all" 옵션 | | Track이 data/tooling/executive | **skip** — UI 없음 | ## Pre-conditions - Playwright 또는 chrome-devtools MCP 사용 가능 (UI Track 설치 시 기본 포함) - 앱이 로컬에서 기동 가능 (예: `pnpm dev`, `docker-compose up`) - 핵심 화면 URL 리스트가 정의됨 (없으면 본 skill 첫 실행 시 사용자 질의) ## 브라우저를 띄우는 법 (영속 profile) 브라우저를 띄워 **사람이 직접 쓰는** 모든 상황(E2E 수동 확인, UX 비교, fidelity audit, OAuth 로그인)에 적용한다. **브라우저를 여는 어떤 방법이든 그 전에** 이 절을 읽는다 — 아래 금지는 어기고 나서 되돌리는 비용이 크다(재로그인·세션 소실·사용자 입력 지연). ### 절대 금지 - **사용자 활성 Chrome 에 attach** (`mcp__chrome-devtools__*`) — 사용자 입력이 느려진다. - **일회성 browser context** (Playwright MCP, `browser.newContext()`) — 영속 profile dir 이 없어 cookie · IndexedDB · Service Worker 가 휘발한다. 매 launch 재로그인 + 버벅임. …
Read the whole file at its exact version.
How to install
mdr add uzysjung/uzys-agent-harness/ui-visual-review@sha256:8d5c23460b4ba78cThe line at the top of this page pins the label git:20260927.7ff1996, which is what most people want. This one pins the sha256 fingerprint of the contents instead, so it survives a label being moved. Either way the exact version is written to mdr.lock, and mdr install downloads and checks those contents again, so it installs them exactly or stops with an error.
[](https://markdownregistry.com/a/art_x2p566wgggsyozmo)
2 badge image fetches in 30 days. What the badge shows.
Versions
The registry has recorded 5 versions of this file, between Jun 26, 2026 and Sep 27, 2026, about one every 23 days.
| version | committed | commit | size | audit | |
|---|---|---|---|---|---|
| git:20260927.7ff1996 latest | 2026-09-27 | 7ff1996 | 10,080 B | A | view · diff |
| git:20260812.35dfb0b | 2026-08-12 | 35dfb0b | 10,415 B | A | view · diff |
| git:20260726.eb90241 | 2026-07-26 | eb90241 | 9,315 B | A | view · diff |
| git:20260719.a77fd36 | 2026-07-19 | a77fd36 | 5,895 B | A | view · diff |
| git:20260626.033aff1 | 2026-06-26 | 033aff1 | 6,016 B | A | view |
Audit of the latest version
- pass: Frontmatter block present
- pass: Frontmatter declares a name
- pass: Frontmatter declares a description
- pass: Size between 200 bytes and 200 KB (10080 bytes)
- pass: No zero-width or bidi control characters
- pass: No instruction hidden inside an HTML comment
- pass: No link to an exfiltration or paste host
- pass: No credential-shaped string
- pass: No instruction to send local credentials anywhere
- pass: No text hidden with inline styles
- pass: No prompt-injection phrasing
- pass: No curl or wget piped into a shell
- pass: No recursive delete of root, home or parent
- pass: No instruction to read or print local credentials
- pass: No base64 blob over 200 characters
- pass: No link to a raw IP address
- pass: No script tag
Source
uzysjung/uzys-agent-harness · 3 stars · license MIT · pushed 2026-10-20 · branch main
API
GET https://markdownregistry.com/api/v1/artifacts/art_x2p566wgggsyozmo GET https://markdownregistry.com/api/v1/resolve?ref=uzysjung/uzys-agent-harness/ui-visual-review GET https://markdownregistry.com/api/v1/blob/8d5c23460b4ba78c9b8077d9e6de59af5a38ea3035ca65f5cf645140ba523741
Your AI assistant does the legwork. You hear about the deals worth your word. Hand yours the standing instructions at modelranch.com and it joins the network that reads files like this one.
Guides: the SKILL.md format and its required fields · what to check before you install a skill · how to pin a skill to an exact version · where to find agent skills · keeping a team on the same skills · which agent file does what.