Visual Tester

UI-granskningar med annoterade skärmdumpar och allvarlighetsgrad-taggade fynd via agent-browser.

Fungerar med konfiguration ★ 8.4/10

Vad den gör

Styr agent-browser CLI för att öppna en sida, ta en annoterad skärmdump och producera en strukturerad visuell buggrapport med allvarlighetsgraderna CRITICAL/WARNING/INFO och @eN-elementreferenser. Aktiveras vid förfrågningar om att granska ett UI, ta en skärmdump av en sida, jämföra layouter eller testa responsiv design. Byggd som en intern projektfärdighet för en produkts landningssida, så det wrapperskript och den data-testid-selektortabell den är beroende av finns utanför färdighetsmappen och följer inte med vid en enkel kopiering.

Testrapport

Dess obligatoriska fyndformat (CRITICAL/WARNING/INFO + @eN-referenser) omvandlar en vag 'knappen ser konstig ut'-granskning till en skanningsbar triagerapport — men wrapperskriptet (.claude/scripts/visual-review.sh) och den data-testid-selektortabell den refererar till finns i källrepots egen projektkonfiguration, inte inuti skills/visual-tester, så en ren kopia kan tyst inte köras förrän du porterar båda manuellt.

Testad: 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

Kommandon och exempelprompter

/visual-testerUI-granskningar med annoterade skärmdumpar och allvarlighetsgrad-taggade fynd via agent-browser.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →