core-vitals-fixer
Fix Core Web Vitals issues with AI guidance. Use when your Lighthouse scores are bad.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Fix Core Web Vitals issues with AI guidance. Use when your Lighthouse scores are bad.
How to use
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ę.