sveltekit-data-flow — скилл для Claude Code: как установить
Подсказывает агенту правила передачи данных в SvelteKit: разделение серверного и универсального кода, работу с формами и сериализацию данных.
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a claude-codeЧто делает sveltekit-data-flow
Скилл помогает ИИ-ассистенту правильно выстраивать архитектуру загрузки страниц в SvelteKit. Он задаёт чёткую границу между серверными файлами +page.server.ts, универсальными скриптами +page.ts и эндпоинтами +server.ts. Агент перестаёт путать серверные секреты с клиентскими вызовами и понимает, куда направлять чтение базы данных.
Внутри заложены шаблоны для form actions, вызовы обновления кэша через invalidateAll() при клиентской авторизации и правильная обработка сбоев. Ошибки валидации возвращаются через fail(), а перенаправления и фатальные сбои обязательно вызываются через throw redirect() и throw error(). Серверные данные обязаны сериализоваться в JSON: передать инстанс класса или функцию через load в +page.server.ts не выйдет.
Какие задачи решает
- выбрать правильный файл между
+page.server.ts,+page.tsи+server.ts - написать обработчик формы с валидацией через
fail()и редиректом - предотвратить ошибки передачи несериализуемых объектов из функции
load - настроить обновление данных через
invalidateAll()после входа пользователя
Примеры запросов агенту
- Напиши форму смены пароля в SvelteKit с валидацией через fail
- Раздели загрузку профиля между +page.server.ts и +page.ts
- Как сбросить закэшированные данные страницы после авторизации на клиенте?
Как установить sveltekit-data-flow
1Через Skills CLI (Vercel)
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a claude-code2Вручную: положить файлы
~/.claude/skills/sveltekit-data-flow/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/sveltekit-data-flow/
1Через Skills CLI (Vercel)
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a codex2Вручную: положить файлы
.agents/skills/sveltekit-data-flow/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a cursor2Вручную: положить файлы
.cursor/skills/sveltekit-data-flow/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install spences10/svelte-skills-kit sveltekit-data-flow2Вручную: положить файлы
.github/skills/sveltekit-data-flow/SKILL.md1Через Skills CLI (Vercel)
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a gemini-cli2Командой платформы
gemini skills install https://github.com/spences10/svelte-skills-kit --path plugins/svelte-skills/skills/sveltekit-data-flowВручную: положить файлы
.devin/skills/sveltekit-data-flow/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о sveltekit-data-flow
Как установить sveltekit-data-flow в Claude Code?
Запустите команду npx skills add spences10/svelte-skills-kit --skill sveltekit-data-flow -a claude-code. Также можно вручную поместить файл конфигурации по пути ~/.claude/skills/sveltekit-data-flow/SKILL.md.
Что делает sveltekit-data-flow?
Он обучает ИИ правилам передачи данных во фреймворке SvelteKit. Ассистент точнее генерирует функции load, действия форм и маршрутизацию ответов без типичных ошибок с контекстом выполнения.
Какие ограничения действуют на данные из серверного load?
Возвращаемые значения должны без ошибок сериализоваться в JSON. Передавать экземпляры классов или функции из +page.server.ts на клиент нельзя.
