Visual Tester
Przeglądy UI z adnotacjami na zrzutach ekranu i znaleziskami oznaczonymi wagą przez agent-browser.
Działa po konfiguracji
Co robi ten skill
Steruje agent-browser CLI, aby otworzyć stronę, zrobić zrzut ekranu z adnotacjami i wygenerować ustrukturyzowany raport błędów wizualnych z wagami CRITICAL/WARNING/INFO i odwołaniami do elementów @eN. Uruchamia się na prośby o przegląd UI, zrobienie zrzutu ekranu, porównanie układów lub testowanie responsywnego designu. Zbudowana jako wewnętrzna umiejętność projektowa dla strony docelowej jednego produktu, więc skrypt opakowujący i tabela selektorów data-testid, od których zależy, znajdują się poza folderem umiejętności i nie są przenoszone przy zwykłym kopiowaniu.
Raport z testu
Wymagany format znalezisk (CRITICAL/WARNING/INFO + odwołania @eN) zamienia niejasną recenzję 'przycisk wygląda dziwnie' w skanowalny raport do triażu — ale skrypt opakowujący (.claude/scripts/visual-review.sh) i tabela selektorów data-testid, do której się odwołuje, znajdują się w konfiguracji projektu repozytorium źródłowego, a nie wewnątrz samego skills/visual-tester, więc goła kopia po cichu nie zadziała, dopóki nie przeniesie się obu ręcznie.
Testowano: 2026-07-14 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/incubrain/foundry cd foundry mkdir -p ~/.claude/skills cp -r skills/visual-tester ~/.claude/skills/visual-tester
Komendy i przykładowe prompty
/visual-testerPrzeglądy UI z adnotacjami na zrzutach ekranu i znaleziskami oznaczonymi wagą przez agent-browser.
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
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