ui-visual-validator

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.

1. Zainstaluj umiejętność ui-visual-validator w swoim środowisku Claude/Copilot, wskazując repozytorium sickn33/antigravity-awesome-skills.

2. Przygotuj materiały wejściowe: screenshoty przed i po zmianach interfejsu, specyfikację systemu designu (jeśli dostępna) oraz listę celów, które chcesz zweryfikować — na przykład "przycisk powinien mieć nowy kolor" lub "layout musi być responsywny na mobilach".

3. Uruchom umiejętność, wyjaśniając cel walidacji. Podaj konkretne wymagania, ograniczenia i oczekiwane rezultaty. Umiejętność będzie analizować screenshoty z perspektywy krytycznej, szukając niezgodności i niedostatków.

4. Przeanalizuj raport wizualny — umiejętność sprawdzi pixel-perfect precyzję zmian, spójność na różnych urządzeniach i breakpointach, zgodność z dark mode oraz dostępność interfejsu.

5. Jeśli potrzebujesz szczegółowych przykładów i listy kontrolnej, otwórz plik resources/implementation-playbook.md z repozytorium, aby uzyskać praktyczne wytyczne.

6. Zbierz wnioski z walidacji — umiejętność dostarczy konkretne kroki naprawcze i weryfikacyjne, aby potwierdzić, że cele zostały osiągnięte.