Visual Tester

Revisioni UI con snapshot annotati e risultati etichettati per gravità tramite agent-browser.

Richiede configurazione ★ 8.4/10

Cosa fa

Guida la CLI agent-browser per aprire una pagina, catturare uno screenshot annotato e produrre un report strutturato di bug visivi con gravità CRITICAL/WARNING/INFO e riferimenti a elementi @eN. Si attiva su richieste di revisione di un'UI, cattura di screenshot di una pagina, confronto di layout o test del design responsivo. Creata come skill di progetto interna per la landing page di un prodotto, quindi lo script wrapper e la tabella di selettori data-testid da cui dipende si trovano fuori dalla cartella della skill e non vengono trasferiti con una semplice copia.

Rapporto di test

Il suo formato obbligatorio per i risultati (CRITICAL/WARNING/INFO + riferimenti @eN) trasforma una vaga revisione 'il pulsante sembra strano' in un report di triage scansionabile — ma lo script wrapper (.claude/scripts/visual-review.sh) e la tabella di selettori data-testid a cui fa riferimento si trovano nella configurazione di progetto del repository sorgente, non all'interno di skills/visual-tester, quindi una copia semplice non può essere eseguita finché non si trasferiscono entrambi manualmente.

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

Installazione

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

Comandi e prompt di esempio

/visual-testerRevisioni UI con snapshot annotati e risultati etichettati per gravità tramite agent-browser.

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →