SvelteKit 2 + Svelte 5 + Tailwind v4 Integration

Paketerad dokumentsökningsreferens för SvelteKit 2, Svelte 5 och Tailwind v4

av claude-skills · claude-skills/sveltekit-svelte5-tailwind-skill

Tested · Didn't pass

SvelteKit 2 + Svelte 5 + Tailwind v4 Integration — Paketerad dokumentsökningsreferens för SvelteKit 2, Svelte 5 och Tailwind v4

Vad den gör

Levereras med 24 paketerade markdown-guider plus jsonl-sökindex och en femstegs uppslagsprocess för att bygga med SvelteKit 2, Svelte 5 och Tailwind v4-stacken. Utlöses vid frågor om installation, runes, formulär, styling, SSR, driftsättning och migrering för denna specifika stack. Sökställningen är utarbetad, men vissa centrala tekniska påståenden är felaktiga.

Testrapport

På färdighetens egen rubrikämne lär den ut en osanning: references/svelte5-runes.md påstår att '$state() i en serverrenderad +page.svelte' kommer att 'CRASH: $state is not defined on server' och markerar $state() SSR som ej stödd, vilket föreskriver onödig load->props-trattning för att undvika en krasch som inte existerar. I Svelte 5 renderas runes fint under SSR – det initiala värdet emitteras och hydreras sedan – och endast $effect() är verkligen klient-specifik, vilket är vad min baslinje utan färdighet svarade korrekt. Att följa färdigheten producerade sämre, vilseledande vägledning än att svara utan hjälp. Den 24-filiga sökställningen installeras och utlöses rent, men Quick Start är också föråldrad ('npm create svelte@latest', 'tailwindcss@next' för en stack där v4 är stabil, legacy <slot/>).

Testad: 2026-07-25 · Claude Code 2.x (agent harness)

Installation

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

Kommandon och exempelprompter

/sveltekit-svelte5-tailwind-skillPaketerad dokumentsökningsreferens för SvelteKit 2, Svelte 5 och Tailwind v4

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

Set up Tailwind v4 styling in my SvelteKit 2 project
How do Svelte 5 runes work with server-side rendering?
Build a form with progressive enhancement in SvelteKit 2

Läs hela rapporten →