Visual Tester

Annoterede snapshot UI-reviews med alvorligheds-mærkede fund via agent-browser.

Af incubrain · incubrain/foundry

Virker med opsætning ★ 8.4/10

Visual Tester — Annoterede snapshot UI-reviews med alvorligheds-mærkede fund via agent-browser.

Hvad det gør

Styrer agent-browser CLI'en til at åbne en side, tage et annoteret screenshot og producere en struktureret visuel-fejlrapport med CRITICAL/WARNING/INFO-alvorlighedsgrader og @eN-elementreferencer. Udløses ved anmodninger om at reviewe en UI, tage et screenshot af en side, sammenligne layouts eller teste responsivt design. Bygget som en intern projekt-skill for et produkts landingsside, så det wrapper-script og den data-testid-selektortabel, den afhænger af, ligger uden for skill-mappen og følger ikke med en almindelig kopi.

Testrapport

Dets påkrævede Findings Format (CRITICAL/WARNING/INFO + @eN-referencer) omdanner en vag 'knappen ser forkert ud'-review til en scanbar triage-rapport — men wrapper-scriptet (.claude/scripts/visual-review.sh) og den data-testid-selektortabel, det refererer til, ligger i kilde-repo'ets egen projektkonfiguration, ikke inde i selve skills/visual-tester, så en ren kopi kan ikke køre, før du manuelt porterer begge dele.

Testet: 2026-07-14 · Claude Code 2.x (agent harness)

Installation

git clone https://github.com/incubrain/foundry
cd foundry
mkdir -p ~/.claude/skills
cp -r skills/visual-tester ~/.claude/skills/visual-tester

Kommandoer og eksempelprompter

  • /visual-testerAnnoterede snapshot UI-reviews med alvorligheds-mærkede fund via agent-browser.

Skills udløses af almindelige forespørgsler — ingen kommandoer at huske. Efter installationen aktiverer prompter som disse skillen (på engelsk):

  • Take a screenshot of this page and flag any visual bugs you see
  • Review this UI for layout issues and rate them by severity
  • Compare how this page renders across a few different screen sizes