Visual Tester
UI-reviews met geannoteerde snapshots en bevindingen met severity-tags via agent-browser.
Werkt met setup
Wat het doet
Stuurt de agent-browser CLI aan om een pagina te openen, een geannoteerde screenshot te maken en een gestructureerd visueel-bugrapport te produceren met CRITICAL/WARNING/INFO-severities en @eN-elementreferenties. Triggert op verzoeken om een UI te reviewen, een pagina te screenshotten, lay-outs te vergelijken of responsive design te testen. Gebouwd als een interne projectskill voor de landingspagina van één product, dus het wrapper-script en de data-testid-selectortabel waarvan het afhankelijk is, bevinden zich buiten de skill-map en worden niet meegekopieerd.
Testrapport
Het verplichte Findings Format (CRITICAL/WARNING/INFO + @eN refs) verandert een vage 'de knop ziet er raar uit'-review in een scanbaar triage-rapport — maar het wrapper-script (.claude/scripts/visual-review.sh) en de data-testid-selectortabel waarnaar het verwijst, bevinden zich in de projectconfiguratie van de bron-repo, niet in skills/visual-tester zelf, dus een kale kopie kan stilzwijgend niet draaien totdat je beide handmatig overzet.
Getest op: 2026-07-14 · Claude Code 2.x (agent harness)
Installatie
git clone https://github.com/incubrain/foundry cd foundry mkdir -p ~/.claude/skills cp -r skills/visual-tester ~/.claude/skills/visual-tester
Commando's en voorbeeldprompts
/visual-testerUI-reviews met geannoteerde snapshots en bevindingen met severity-tags via agent-browser.
Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):
Take a screenshot of this page and flag any visual bugs you seeReview this UI for layout issues and rate them by severityCompare how this page renders across a few different screen sizes