ui-visual-validator
Ekspercka walidacja interfejsów — testuj design, dostępność i spójność wizualną
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Umiejętność do rygorystycznej analizy wizualnej interfejsów użytkownika. Weryfikujesz zmiany UI pod kątem zgodności z systemem designu, dostępności i spójności na różnych urządzeniach. Narzędzie opiera się na analizie screenshotów, testach regresji wizualnej i weryfikacji komponentów — pomagając potwierdzić, że modyfikacje osiągnęły zamierzone cele.
Jak używać
Zainstaluj umiejętność ui-visual-validator w swoim środowisku Claude/Copilot, wskazując repozytorium sickn33/antigravity-awesome-skills.
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".
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.
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.
Jeśli potrzebujesz szczegółowych przykładów i listy kontrolnej, otwórz plik resources/implementation-playbook.md z repozytorium, aby uzyskać praktyczne wytyczne.
Zbierz wnioski z walidacji — umiejętność dostarczy konkretne kroki naprawcze i weryfikacyjne, aby potwierdzić, że cele zostały osiągnięte.