Visual Tester
Revize UI pomocí anotovaných snímků s nálezy označenými podle závažnosti přes agent-browser.
Funguje s nastavením
Co umí
Ovládá agent-browser CLI k otevření stránky, pořízení anotovaného snímku a vytvoření strukturované zprávy o vizuálních chybách se závažnostmi CRITICAL/WARNING/INFO a odkazy na prvky @eN. Spouští se na žádosti o revizi UI, pořízení snímku stránky, porovnání layoutů nebo testování responzivního designu. Vytvořeno jako interní projektová dovednost pro landing page jednoho produktu, takže wrapper skript a tabulka selektorů data-testid, na kterých závisí, se nacházejí mimo složku dovednosti a nepřenesou se s prostou kopií.
Testovací report
Její povinný formát nálezů (CRITICAL/WARNING/INFO + @eN odkazy) mění vágní revizi 'to tlačítko vypadá divně' na přehlednou třídící zprávu – ale wrapper skript (.claude/scripts/visual-review.sh) a tabulka selektorů data-testid, na kterou odkazuje, se nacházejí v konfiguračním souboru zdrojového repozitáře, nikoli uvnitř samotného skills/visual-tester, takže holá kopie se tiše nespustí, dokud obojí ručně nepřeportujete.
Testováno: 2026-07-14 · Claude Code 2.x (agent harness)
Instalace
git clone https://github.com/incubrain/foundry cd foundry mkdir -p ~/.claude/skills cp -r skills/visual-tester ~/.claude/skills/visual-tester
Příkazy a ukázkové prompty
/visual-testerRevize UI pomocí anotovaných snímků s nálezy označenými podle závažnosti přes agent-browser.
Skilly se spouštějí běžnými požadavky — žádné příkazy k zapamatování. Po instalaci ho aktivují prompty jako tyto (anglicky):
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