sveltekit-svelte5-tailwind-skill — Claude Code skill for SvelteKit

What sveltekit-svelte5-tailwind-skill does

The skill covers wiring the three tools into one stack: SvelteKit 2 with file-based routing, SSR and adapters for Vercel, Cloudflare, Node and static output; Svelte 5 with the $state(), $derived(), $effect() and $props() runes; Tailwind CSS v4 with CSS-first config and its Vite plugin. Two documentation sets ship inside: 17 problem-focused guides under references/ and 7 API references under docs/.

The workflow is research before code. The agent scans index.jsonl and sections.jsonl, picks 3–4 candidate files, reads only the matching sections by offset and limit, then implements. That order matters because the integration has sharp edges: runes do not work in SSR, and tailwindcss() has to sit above sveltekit() in vite.config.js. Separate guides handle form actions with progressive enhancement, moving off Svelte 4 and Tailwind v3, deployment, and common errors.

A five-minute path is included: scaffold with npm create svelte@latest my-app, add tailwindcss@next and @tailwindcss/vite@next, edit the Vite config, then put @import "tailwindcss" in app.css. No API keys or external services are involved; everything lives in the skill's own files.