web-design-guidelines
Automatyczna weryfikacja kodu UI pod kątem wytycznych dostępności i best practices
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Skill do audytu interfejsów użytkownika. Analizuje Twój kod HTML/CSS/JSX i sprawdza zgodność z wytycznymi dostępności oraz standardami projektowania stron internetowych. Pobiera najnowsze reguły z oficjalnego źródła, porównuje Twoje pliki z wytycznymi i raportuje znalezione problemy w formacie plik:linia. Idealny do szybkiego przeglądu UX przed wdrożeniem.
Jak używać
Zainstaluj skill web-design-guidelines w swoim środowisku agenta (np. Claude, Copilot). Skill będzie dostępny jako narzędzie do audytu kodu interfejsu.
Przygotuj pliki do przeglądu — mogą to być pojedyncze pliki HTML, komponenty React, arkusze stylów CSS lub cały katalog z kodem UI.
Wyzwól skill, podając ścieżkę do pliku lub wzorzec (pattern), np. "sprawdź moje komponenty w src/components" lub "zaudytuj index.html". Jeśli nie podasz ścieżki, skill poprosi Cię o wskazanie, które pliki chcesz przeanalizować.
Skill automatycznie pobierze najnowsze wytyczne Web Interface Guidelines z oficjalnego repozytorium Vercel i załaduje wszystkie obowiązujące reguły.
Analiza porówna Twój kod z każdą regułą z wytycznych — sprawdzane są dostępność, UX, best practices i zgodność ze standardami.
Otrzymasz raport z wynikami w formacie plik:linia, pokazujący dokładnie gdzie w kodzie znaleziono niezgodności, co ułatwia szybkie naprawy.