SkillProof tested Claude skills

Visual Tester

Annoterte snapshot UI-gjennomganger med alvorlighetsgrad-merkede funn via agent-browser.

av incubrain · incubrain/foundry

Krever oppsett ★ 8.4/10

Visual Tester — Annoterte snapshot UI-gjennomganger med alvorlighetsgrad-merkede funn via agent-browser.

Hva den gjør

Driver agent-browser CLI-et til å åpne en side, ta et annotert skjermbilde og produsere en strukturert visuell feilrapport med CRITICAL/WARNING/INFO-alvorlighetsgrader og @eN-elementreferanser. Utløses ved forespørsler om å gjennomgå et UI, ta skjermbilde av en side, sammenligne layouter eller teste responsivt design. Bygget som en intern prosjektferdighet for ett produkts landingsside, så wrapper-skriptet og data-testid-selektortabellen den er avhengig av, bor utenfor ferdighetsmappen og følger ikke med en ren kopi.

Testrapport

Det påkrevde funnformatet (CRITICAL/WARNING/INFO + @eN-referanser) gjør en vag 'knappen ser rar ut'-gjennomgang om til en skannbar triagerapport — men wrapper-skriptet (.claude/scripts/visual-review.sh) og data-testid-selektortabellen det refererer til, bor i kilderepoets egen prosjektkonfigurasjon, ikke inne i selve skills/visual-tester, så en ren kopi kan ikke kjøres uten at du porterer begge manuelt.

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

Installer

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-testerAnnoterte snapshot UI-gjennomganger med alvorlighetsgrad-merkede funn via agent-browser.

Skills utløses av vanlige forespørsler — ingen kommandoer å huske. Etter installasjonen 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

Full rapport →