sveltekit-svelte5-tailwind-skill — скилл для Claude Code: SvelteKit

Что делает sveltekit-svelte5-tailwind-skill

Скилл описывает, как связать три инструмента в один стек: SvelteKit 2 с файловым роутингом, SSR и адаптерами под Vercel, Cloudflare, Node и статику, Svelte 5 с рунами $state(), $derived(), $effect() и $props(), Tailwind CSS v4 с конфигурацией на CSS и плагином для Vite. Внутри две подборки документации: 17 проблемных гайдов в references/ и 7 справочников по API в docs/.

Работает скилл по принципу «сначала исследование». Агент ищет по индексам index.jsonl и sections.jsonl, выбирает 3–4 подходящих файла, читает нужные секции по offset и limit и только потом пишет код. Так обходятся грабли интеграции: руны не работают в SSR, а плагин tailwindcss() в vite.config.js должен идти до sveltekit(). Есть отдельные гайды по формам с progressive enhancement, миграции с Svelte 4 и Tailwind v3, деплою и типовым ошибкам.

Быстрый старт — пять команд: npm create svelte@latest my-app, установка tailwindcss@next и @tailwindcss/vite@next, правка конфига Vite и @import "tailwindcss" в app.css. Никаких ключей API и внешних сервисов не нужно, всё лежит в файлах скилла.