Svelte Claude Skills
Набор скиллов для Claude Code по Svelte 5 и SvelteKit: руны, загрузка данных, структура проекта, удаленные функции, деплой
- 217 ★ репозитория
- Последний коммит
Минимальный доступ
Почему такой уровень
- Скиллы только добавляют инструкции; хуки в `.claude/hooks` запускают скрипты оболочки в сессии Claude Code
Установка
- Работает в
Ручная установка
git clone https://github.com/spences10/svelte-claude-skills.git ~/.claude/skills/svelteСтавит все скиллы для любых проектов. Для одного проекта клонируйте в `.claude/skills/`.
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скиллы только добавляют инструкции; хуки в `.claude/hooks` запускают скрипты оболочки в сессии Claude Code
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Репозиторий кладет в `.claude/skills` семь скиллов, и Claude Code подтягивает нужный по описанию задачи. `svelte-runes` разбирает `$state`, `$derived`, `$effect` и `$props`, типичные ошибки и переход со Svelte 4 на 5. `sveltekit-data-flow` описывает серверные и универсальные функции загрузки, действия форм и правила сериализации данных. `sveltekit-structure` отвечает за маршруты, макеты и именование файлов. Еще три скилла закрывают соседние темы. `sveltekit-remote-functions` рассказывает об удаленных функциях SvelteKit, `svelte-components` о библиотеках компонентов и формах, `svelte-deployment` о Cloudflare, PWA и публикации библиотек. Скилл `research` описывает, как клонировать чужие репозитории и сверять факты с исходниками. В папке `.claude/hooks` лежат три скрипта, которые заставляют агента проверять список скиллов перед ответом. Автор перенес поддерживаемые версии в отдельный набор `svelte-skills-kit`. Этот репозиторий остался как исходная площадка и архив прежних версий.
Для кого. Разработчикам на SvelteKit, которые пишут проект на Svelte 5 вместе с Claude Code и хотят, чтобы агент не возвращался к синтаксису Svelte 4.
Подходит, если
- Агент пишет компонент на Svelte 5 и путает `$derived` с `$effect`
- Страница SvelteKit теряет данные из-за разницы между `+page.ts` и `+page.server.ts`
- Проект переезжает со Svelte 4 на 5, и нужен список типичных поломок
- Приложение выкатывают на Cloudflare, и деплой упирается в особенности платформы
Не подходит, если
- Проект написан не на Svelte: темы скиллов целиком про Svelte и SvelteKit
- Нужны скиллы, которые автор продолжает обновлять: он переносит их в `svelte-skills-kit`
- Требуется Svelte 4: скиллы описывают Svelte 5 и считают старый синтаксис ошибкой
Пример запроса к агенту
Подключи скиллы Svelte и перепиши этот компонент на Svelte 5 с рунамиОграничения
- Автор предупреждает, что репозиторий был площадкой для проверок, а поддерживаемые копии скиллов живут в `svelte-skills-kit`. Здесь лежат версии на момент переноса.
- Скиллы описывают поведение Svelte 5.25 и новее: изменения в более поздних выпусках придется сверять с документацией.
- Хуки в `.claude/hooks` рассчитаны на Claude Code и запускают скрипты оболочки, их стоит прочитать до включения.
- Процент «verified» в README относится к сверке с официальной документацией, независимых тестов качества работы агента в репозитории нет.
Как отключить. Удалите папки скиллов из `~/.claude/skills` или `.claude/skills` проекта. Если подключали хуки, уберите их записи из `.claude/settings.json`.
Частые вопросы
Чем `svelte-claude-skills` отличается от `svelte-skills-kit`?
Репозиторий был площадкой для проверок, `svelte-skills-kit` автор называет поддерживаемым преемником и советует ставить его. Скиллы здесь остались в прежних версиях.
Как поставить скиллы Svelte в Claude Code?
Клонируйте репозиторий командой `git clone` в `~/.claude/skills/svelte` для всех проектов или в `.claude/skills/` для одного. Можно также сделать символические ссылки на нужные папки. Claude Code найдет скиллы сам.
Какие темы закрывают скиллы?
Руны Svelte 5, потоки данных SvelteKit, структуру маршрутов, удаленные функции, компоненты и формы, деплой на Cloudflare и PWA, а также скилл для исследований по чужим репозиториям.
Для чего папка `hooks`?
Три скрипта в `.claude/hooks` напоминают агенту просмотреть скиллы перед ответом, чтобы подходящий не пропускался. Хуки подключаются отдельно через `.claude/settings.json`.
Работает ли набор в других агентах?
В README упомянут только Claude Code. Скиллы оформлены как `SKILL.md`, который читают и другие агенты, но проверка в них в репозитории не описана.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
Скиллыsvelte-skills-kit, маркетплейс плагинов Claude Code, ставит скиллы по Svelte и SvelteKit и подключает языковой сервер для .svelte.
14 скиллов для Claude Code по Makepad 2.0: DSL, раскладка, виджеты, события, анимации, шейдеры, темы и перенос с 1.x
145 плагинов-скиллов для Claude Code и Codex: Cloudflare, React, Tailwind, Nuxt, API, безопасность, тесты, ставятся по одному
julianromli/ai-skills
ai-skills
Сборник из 31 скилла для Claude Code и других агентов: интерфейсы, React, Postgres, код-ревью, SEO и браузерная автоматизация
shadcn-svelte — скилл для агентов
shadcn-svelte
Скилл по shadcn-svelte: агент читает components.json, ставит компоненты через CLI и собирает формы, диалоги и карточки по правилам библиотеки
Сборник скиллов Claude Code по копирайтингу, рекламе, SEO и дизайну интерфейсов: Ogilvy, редактура, правила и CSS-приемы.
Сравнение с похожими
Карточки с тем же главным запросом: чем они отличаются.
| Инструмент | Официальный | Авторизация | Звезды репозитория | Главное отличие |
|---|---|---|---|---|
| Svelte Claude Skills (эта карточка) | нет | 217 | ||
| svelte-skills-kit | нет | 96 | поддерживаемый преемник этого набора, обновляется автором | |
| Svelte MCP | да | не нужна | 338 | официальный MCP-сервер Svelte с документацией, скиллов не содержит |
Коротко о README
Главная страница сначала отправляет читателя в новые наборы: плагины `toolkit-skills` и `svelte-skills-kit`, MCP-серверы `mcp-omnisearch` и `mcp-sqlite-tools`, утилиты `mcpick` и `cclog`. Ниже идет архив исходных скиллов с описанием тем, процентом сверки с документацией и способами установки через `git clone` или символические ссылки. В конце README объясняет, как добавлять справочные файлы в `references`.
Бейдж для README
Исходный SKILL.md
---
name: svelte-runes
# IMPORTANT: Keep description on ONE line for Claude Code compatibility
# prettier-ignore
description: Svelte runes guidance. Use for reactive state, props, effects, attachments, or migration. Covers $state, $derived, $effect, @attach. Prevents reactivity mistakes.
---
# Svelte Runes
## Quick Start
**Which rune?** Props: `$props()` | Bindable: `$bindable()` |
Computed: `$derived()` | Side effect: `$effect()` | State: `$state()`
**Key rules:** Runes are top-level only. $derived can be overridden
(use `const` for read-only). Don't mix Svelte 4/5 syntax.
Objects/arrays are deeply reactive by default.
## Example
```svelte
<script>
let count = $state(0); // Mutable state
const doubled = $derived(count * 2); // Computed (const = read-only)
$effect(() => {
console.log(`Count is ${count}`); // Side effect
});
</script>
<button onclick={() => count++}>
{count} (doubled: {doubled})
</button>
```
## Reference Files
- [reactivity-patterns.md](references/reactivity-patterns.md) - When
to use each rune
- [migration-gotchas.md](references/migration-gotchas.md) - Svelte 4→5
translation
- [component-api.md](references/component-api.md) - $props, $bindable
patterns
- [snippets-vs-slots.md](references/snippets-vs-slots.md) - New
snippet syntax