SvelteKit 2 + Svelte 5 + Tailwind v4 Integration

Référence de recherche de documentation fournie pour SvelteKit 2, Svelte 5 et Tailwind v4

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

Tested · Didn't pass

SvelteKit 2 + Svelte 5 + Tailwind v4 Integration — Référence de recherche de documentation fournie pour SvelteKit 2, Svelte 5 et Tailwind v4

Ce que fait

Fournit 24 guides markdown groupés plus des index de recherche jsonl et un processus de recherche en cinq étapes pour construire avec la pile SvelteKit 2, Svelte 5 et Tailwind v4. Se déclenche sur les questions de setup, runes, forms, styling, SSR, deployment et migration pour cette pile spécifique. L'échafaudage de recherche est élaboré, mais certaines affirmations techniques fondamentales sont inexactes.

Rapport de test

Sur le sujet principal de la compétence, elle enseigne une fausseté : references/svelte5-runes.md affirme que '$state() in a server-rendered +page.svelte' 'CRASH: $state is not defined on server' et marque $state() SSR comme non supporté, prescrivant un entonnoir load->props inutile pour éviter un crash qui n'existe pas. Dans Svelte 5, les runes se rendent bien pendant le SSR - la valeur initiale est émise puis hydratée - et seul $effect() est véritablement client-only, ce que ma base de référence sans compétence a répondu correctement. Suivre la compétence a produit des conseils pires et trompeurs que de répondre sans aide. Le harnais de recherche de 24 fichiers s'installe et se déclenche proprement, mais le Quick Start est également obsolète ('npm create svelte@latest', 'tailwindcss@next' pour une pile où v4 est stable, legacy <slot/>).

Testé le: 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

Commandes et exemples de prompts

/sveltekit-svelte5-tailwind-skillRéférence de recherche de documentation fournie pour SvelteKit 2, Svelte 5 et Tailwind v4

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

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

Rapport complet →