SvelteKit 2 + Svelte 5 + Tailwind v4 Integration

Gebündelte Doc-Search-Referenz für SvelteKit 2, Svelte 5 und Tailwind v4

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

Tested · Didn't pass

SvelteKit 2 + Svelte 5 + Tailwind v4 Integration — Gebündelte Doc-Search-Referenz für SvelteKit 2, Svelte 5 und Tailwind v4

Was es kann

Liefert 24 gebündelte Markdown-Anleitungen plus jsonl-Suchindizes und einen fünfstufigen Lookup-Prozess für die Entwicklung mit dem SvelteKit 2, Svelte 5 und Tailwind v4 Stack. Wird ausgelöst bei Fragen zu Setup, Runes, Forms, Styling, SSR, Deployment und Migration für diesen spezifischen Stack. Das Suchgerüst ist aufwendig, aber einige technische Kernbehauptungen sind ungenau.

Testbericht

Zum eigenen Hauptthema des Skills lehrt er eine Falschheit: references/svelte5-runes.md behauptet, dass '$state() in a server-rendered +page.svelte' 'CRASH: $state is not defined on server' verursachen wird und markiert $state() SSR als nicht unterstützt, wodurch unnötiges load->props-Funneling vorgeschrieben wird, um einen Absturz zu vermeiden, der nicht existiert. In Svelte 5 rendern Runes während SSR einwandfrei – der Initialwert wird ausgegeben und dann hydriert – und nur $effect() ist wirklich client-seitig, was meine Baseline ohne Skill korrekt beantwortete. Das Befolgen des Skills führte zu schlechteren, irreführenden Anweisungen als eine unbeaufsichtigte Beantwortung. Das 24-Datei-Such-Harness installiert und triggert sauber, aber der Quick Start ist ebenfalls veraltet ('npm create svelte@latest', 'tailwindcss@next' für einen Stack, bei dem v4 stabil ist, legacy <slot/>).

Getestet am: 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

Befehle & Beispiel-Prompts

  • /sveltekit-svelte5-tailwind-skillGebündelte Doc-Search-Referenz für SvelteKit 2, Svelte 5 und Tailwind v4

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

  • 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