pinak-frontend-guru
Audyt React i UX od eksperta – znajdź wąskie gardła w kodzie frontendowym
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Pinak Frontend Guru to asystent specjalizujący się w głębokim audycie kodu frontendowego. Analizuje wydajność React i Next.js, sprawdza dostępność oraz ergonomię interfejsu, identyfikując zarówno błędy, jak i punkty tarcia w doświadczeniu użytkownika. Bazuje na wytycznych Vercela i standardach projektowania stron internetowych. Potrafi także wdrożyć poprawki bezpośrednio na produkcję.
Jak używać
Zainstaluj umiejętność Pinak Frontend Guru w swoim środowisku agenta lub Claude'a (szczegóły instalacji znajdują się w repozytorium openclaw/skills).
Przygotuj kod frontendowy, który chcesz poddać audytowi – może to być komponent React, cała aplikacja Next.js lub konkretny katalog z plikami interfejsu.
Poproś asystenta o audyt, używając naturalnego sformułowania, np. "Sprawdź wydajność tego komponentu React", "Czy moja strona jest dostępna?", "Zrób głęboką analizę tego kodu frontendowego" lub "Przyspiesz moją aplikację Next.js".
Asystent przeanalizuje kod pod kątem wąskich gardeł wydajności (waterfalls, bundle splitting, rendering patterns), dostępności (aria-labels, focus states) i UX na urządzeniach mobilnych, korzystając z wytycznych Vercela i Web Interface Guidelines.
Otrzymasz raport z konkretnymi problemami, rekomendacjami oraz fragmentami poprawionego kodu.
Jeśli chcesz wdrożyć zmiany na produkcję, poproś asystenta o deployment – Pinak Frontend Guru może automatycznie wdrożyć aplikację na Vercel.