svelte-code-writer
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
Installation
Pick a client and clone the repository into its skills directory.
Installation
About this skill
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.
How to use
Zainstaluj umiejętność w swoim środowisku agenta AI — skill będzie dostępny jako zestaw poleceń CLI poprzez pakiet @sveltejs/mcp.
Gdy nie jesteś pewny składni lub chcesz sprawdzić dostępne sekcje dokumentacji, uruchom polecenie list-sections, aby wyświetlić wszystkie dostępne tematy Svelte 5 i SvelteKit wraz z ich ścieżkami.
Po zidentyfikowaniu potrzebnych sekcji użyj polecenia get-documentation, podając nazwy sekcji oddzielone przecinkami (na przykład $state,$derived,$effect), aby pobrać pełną dokumentację dla tych tematów.
Gdy piszesz lub edytujesz komponent Svelte, uruchom polecenie svelte-autofixer na swoim kodzie — możesz przekazać kod inline (pamiętając o ucieczce znaku $ jako $) lub ścieżkę do pliku .svelte, aby wykryć typowe problemy.
Jeśli pracujesz ze Svelte 4 zamiast wersji 5, dodaj flagę --svelte-version 4 do polecenia autofixer; dla kodu asynchronicznego użyj flagi --async.
Zawsze waliduj swój kod przed wdrożeniem — uruchom svelte-autofixer jako ostatni krok, aby upewnić się, że komponenty są wolne od błędów i zgodne z najlepszymi praktykami Svelte.