core-vitals-fixer
Napraw problemy Core Web Vitals za pomocą AI — przeanalizuj kod i uzyskaj konkretne rozwiązania
Instalacja
Wybierz klienta i sklonuj repozytorium do odpowiedniego katalogu skilli.
Instalacja
O skillu
Narzędzie skanuje Twój kod źródłowy i identyfikuje problemy wpływające na Core Web Vitals (LCP, CLS, FID). Otrzymujesz konkretne rekomendacje naprawy z priorytetami, bez konfiguracji — wystarczy jedna komenda. Idealne, gdy wyniki Lighthouse spadają, użytkownicy narzekają na wolne ładowanie, lub chcesz zoptymalizować nową stronę od początku. Działa z Node.js 18+ i wymaga klucza OpenAI.
Jak używać
Upewnij się, że masz zainstalowany Node.js 18 lub nowszy oraz ustawioną zmienną środowiskową OPENAI_API_KEY z Twoim kluczem dostępu do OpenAI.
Przejdź do katalogu projektu i uruchom narzędzie poleceniem npx ai-core-vitals ./src/, zastępując ./src/ ścieżką do folderu z kodem, który chcesz przeanalizować (np. ./app/ dla aplikacji Next.js).
Narzędzie automatycznie skanuje pliki w podanym katalogu, szukając typowych problemów wydajności, a następnie wysyła wyniki do GPT-4o-mini w celu analizy.
Otrzymasz raport z zidentyfikowanymi problemami wpływającymi na LCP (Largest Contentful Paint), CLS (Cumulative Layout Shift) i FID (First Input Delay), posortowanymi według wpływu na wydajność.
Przeczytaj rekomendacje i zacznij od naprawy LCP — zwykle daje największą poprawę. Zastosuj sugerowane zmiany w kodzie, takie jak lazy loading treści poniżej widoku, rezerwacja przestrzeni dla obrazów czy odroczenie nieistotnego JavaScriptu.
Jeśli chcesz skupić się na konkretnej metryce, dodaj flagę --metric, na przykład npx ai-core-vitals ./src/ --metric lcp, aby otrzymać bardziej ukierunkowaną analizę.