svelte5-development

Skill do pracy z Svelte 5 i SvelteKit. Zawiera praktyczne wskazówki dotyczące runów (reaktywnego stanu), wzorców komponentów, routingu i ładowania danych. Dowiesz się, jak używać $state do tworzenia reaktywnego stanu, $derived do wartości obliczanych, oraz jak unikać pułapek przy destrukturyzacji i optymalizacji wydajności. Idealne dla developerów budujących komponenty Svelte lub pełne aplikacje SvelteKit.

1. Zainstaluj skill w swoim środowisku Claude lub Codex, wskazując repozytorium splinesreticulating/claude-svelte5-skill. 2. Otwórz projekt Svelte 5 lub SvelteKit, w którym chcesz pracować. 3. Gdy budujesz komponent i potrzebujesz reaktywnego stanu, zapytaj skill o $state — otrzymasz przykłady tworzenia reaktywnych zmiennych, obiektów i tablic, wraz z wyjaśnieniem głębokie reaktywności. 4. Jeśli potrzebujesz wartości obliczanych, które automatycznie się aktualizują, poproś o $derived — skill pokaże, jak tworzyć zależności i unikać ręcznego odświeżania. 5. Gdy pracujesz z destrukturyzacją lub optymalizacją wydajności, skonsultuj się ze skillem w sprawie $state.raw i pułapek reaktywności — dowiesz się, kiedy referencje tracą reaktywność i jak to naprawić. 6. Dla bardziej zaawansowanych scenariuszy (routing, ładowanie danych w SvelteKit) pytaj skill o konkretne problemy — udzieli wskazówek opartych na dokumentacji wzorców komponentów i architektur.