SvelteKit 2 + Svelte 5 + Tailwind v4 Integration

Riferimento di ricerca documentale incluso per SvelteKit 2, Svelte 5 e Tailwind v4

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

Tested · Didn't pass

SvelteKit 2 + Svelte 5 + Tailwind v4 Integration — Riferimento di ricerca documentale incluso per SvelteKit 2, Svelte 5 e Tailwind v4

Cosa fa

Fornisce 24 guide markdown incluse più indici di ricerca jsonl e un processo di lookup a cinque fasi per la costruzione con lo stack SvelteKit 2, Svelte 5 e Tailwind v4. Si attiva su domande di setup, runes, forms, styling, SSR, deployment e migrazione per questo stack specifico. L'impalcatura di ricerca è elaborata, ma alcune affermazioni tecniche fondamentali sono imprecise.

Rapporto di test

Sull'argomento principale della skill insegna una falsità: references/svelte5-runes.md afferma che '$state() in a server-rendered +page.svelte' 'CRASH: $state is not defined on server' e marca $state() SSR come non supportato, prescrivendo un inutile funneling load->props per evitare un crash che non esiste. In Svelte 5 le runes rendono bene durante l'SSR - il valore iniziale viene emesso e poi idratato - e solo $effect() è veramente client-only, che è ciò che la mia baseline senza skill ha risposto correttamente. Seguire la skill ha prodotto una guida peggiore e fuorviante rispetto a rispondere senza aiuto. L'harness di ricerca a 24 file si installa e si attiva in modo pulito, ma il Quick Start è anche obsoleto ('npm create svelte@latest', 'tailwindcss@next' per uno stack dove v4 è stabile, legacy <slot/>).

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

Installazione

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

Comandi e prompt di esempio

  • /sveltekit-svelte5-tailwind-skillRiferimento di ricerca documentale incluso per SvelteKit 2, Svelte 5 e Tailwind v4

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

  • 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