SvelteKit 2 + Svelte 5 + Tailwind v4 Integration
Zintegrowana referencja dokumentacji dla SvelteKit 2, Svelte 5 i Tailwind v4
Tested · Didn't pass
Co robi ten skill
Dostarcza 24 dołączone przewodniki markdown plus indeksy wyszukiwania jsonl i pięcioetapowy proces wyszukiwania do budowania ze stosem SvelteKit 2, Svelte 5 i Tailwind v4. Uruchamia się na pytania dotyczące konfiguracji, runes, formularzy, stylizacji, SSR, wdrożenia i migracji dla tego konkretnego stosu. Rusztowanie wyszukiwania jest rozbudowane, ale niektóre kluczowe twierdzenia techniczne są niedokładne.
Raport z testu
W swoim własnym, głównym temacie umiejętność uczy fałszu: references/svelte5-runes.md twierdzi, że '$state() in a server-rendered +page.svelte' spowoduje 'CRASH: $state is not defined on server' i oznacza $state() SSR jako nieobsługiwane, przepisując niepotrzebne przekazywanie load->props, aby uniknąć awarii, która nie istnieje. W Svelte 5 runes renderują się dobrze podczas SSR — początkowa wartość jest emitowana, a następnie hydratowana — i tylko $effect() jest prawdziwie tylko po stronie klienta, co moja bazowa wersja bez umiejętności odpowiedziała poprawnie. Postępowanie zgodnie z umiejętnością doprowadziło do gorszych, mylących wskazówek niż odpowiadanie bez pomocy. 24-plikowy mechanizm wyszukiwania instaluje się i uruchamia czysto, ale Quick Start jest również przestarzały ('npm create svelte@latest', 'tailwindcss@next' dla stosu, gdzie v4 jest stabilne, legacy <slot/>).
Testowano: 2026-07-25 · Claude Code 2.x (agent harness)
Instalacja
git clone https://github.com/claude-skills/sveltekit-svelte5-tailwind-skill mkdir -p ~/.claude/skills cd sveltekit-svelte5-tailwind-skill && cp -r . ~/.claude/skills/sveltekit-svelte5-tailwind-skill
Komendy i przykładowe prompty
/sveltekit-svelte5-tailwind-skillZintegrowana referencja dokumentacji dla SvelteKit 2, Svelte 5 i Tailwind v4
Skille uruchamiają się na zwykłe polecenia — bez komend do zapamiętania. Po instalacji aktywują go prompty takie jak te (po angielsku):
Set up Tailwind v4 styling in my SvelteKit 2 projectHow do Svelte 5 runes work with server-side rendering?Build a form with progressive enhancement in SvelteKit 2