prefetch-suggester
Get AI suggestions for routes and data to prefetch. Use when optimizing navigation.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
Get AI suggestions for routes and data to prefetch. Use when optimizing navigation.
How to use
Upewnij się, że masz zainstalowany Node.js w wersji 18 lub wyższej oraz ustawioną zmienną środowiskową OPENAI_API_KEY (zawierającą Twój klucz API OpenAI).
Przejdź do katalogu projektu i uruchom narzędzie, wskazując ścieżkę do folderu ze stronami: npx ai-prefetch ./src/pages/ (jeśli strony znajdują się w innym miejscu, np. ./app/routes/, podaj tę ścieżkę).
Narzędzie przeanalizuje strukturę tras i wzorce nawigacji w Twojej aplikacji, a następnie zasugeruje, które strony i dane powinny być prefetchowane na podstawie prawdopodobieństwa i ważności.
Przejrzyj otrzymane sugestie i kod implementacyjny – narzędzie dostarczy gotowe fragmenty do wklejenia w projekt.
Wdrażając prefetching, pamiętaj o dobrych praktykach: prefetchuj przy najechaniu myszą (sygnał intencji przed kliknięciem), nie prefetchuj wszystkiego (marnuje pasmo), skupiaj się na częstych ścieżkach (np. przepływ kasy) i używaj Intersection Observer do prefetchowania widocznych elementów.
Aby poznać wszystkie dostępne opcje, uruchom npx ai-prefetch --help.