svelte-expert

Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Svelte components, SvelteKit applications, implementing reactive patterns, handling state management, working with stores, transitions, animations, or any Svelte/SvelteKit development task. Includes comprehensive documentation access, code validation with svelte-autofixer, and playground link generation.

1. Zainstaluj umiejętność Svelte Expert w swoim środowisku Claude lub kompatybilnym agencie. Upewnij się, że masz dostęp do narzędzi: get_documentation, svelte-autofixer i playground-link.

2. Opisz zadanie, które chcesz wykonać — tworzenie nowego komponentu, konfiguracja SvelteKit, implementacja reactive patterns, zarządzanie stanem za pomocą stores lub obsługa animacji. Asystent automatycznie wyszuka odpowiednią dokumentację.

3. Otrzymaj kod komponentu lub modułu od asystenta. Każdy kod Svelte musi zostać walidowany — asystent wyśle go do narzędzia svelte-autofixer, które sprawdzi błędy i zasugeruje poprawki.

4. Przejrzyj raport z walidacji. Asystent naprawiać będzie problemy iteracyjnie, aż kod będzie wolny od błędów. Otrzymasz ostateczny, gotowy do użytku kod.

5. Jeśli chcesz przetestować kod, poproś asystenta o link do playground'u. Narzędzie playground-link wygeneruje interaktywne środowisko, gdzie możesz uruchomić komponent bez konfiguracji lokalnej.

6. Użyj wygenerowanego kodu w swoim projekcie. Asystent pozostaje dostępny do dalszych modyfikacji, optymalizacji lub rozszerzenia funkcjonalności.