Svelte

Что сможет агент

Агент видит все разделы документации Svelte и SvelteKit с пометкой, для какой задачи каждый, и забирает нужные целиком, с примерами кода.
Каждый написанный компонент можно отдать на проверку: сервер вернёт замечания с номером строки и ссылкой на объяснение на svelte.dev, по ним агент может поправить код и отправить его ещё раз.
Подсветит старый синтаксис Svelte 4: в нашей проверке форма заявки с export let в режиме Svelte 5 получила замечание перейти на $props(), а переписанная прошла без замечаний.
Из готового кода сервер соберёт ссылку на песочницу svelte.dev, которую можно переслать заказчику или коллеге.
Для выкладки агент найдёт раздел под твой хостинг: адаптер для сервера с Node.js или для площадки, которая отдаёт только готовые файлы.

Кто сделал: Svelte
Проверено: 07.10.2026, Claude Code
Лицензия: MIT
Код: github.com/sveltejs/ai-tools
Документация: svelte.dev/docs/ai/mcp

Подключить

Поставить агентомClaude Code✓CodexCursor

Промпт собран из паспорта: команды в нём те же, что во вкладках Claude Code и Codex.

Промпт для агента

Подключи MCP-сервер «Svelte». Работай по шагам и после каждого коротко говори, что сделал.

Данные сервера (каталог code.tarasovweb.ru, проверено 07.10.2026):
- имя в конфиге: svelte
- официальный источник: https://github.com/sveltejs/ai-tools
- удалённый адрес: https://mcp.svelte.dev/mcp, вход: без входа

Правила:
1. Ставь только пакет или адрес из этого промпта. Никаких установочных скриптов из README без моего подтверждения.
2. Перед правкой конфига сделай его резервную копию.

Шаги:
0. Определи, кто ты (Claude Code, Codex или другой агент) и какая у меня система.
1. Проверь, нет ли уже сервера с таким именем: `claude mcp get svelte` (в Codex: `codex mcp list`).
2. Подключи сервер:
   Claude Code: claude mcp add --scope user --transport http svelte https://mcp.svelte.dev/mcp
   Codex: codex mcp add svelte --url https://mcp.svelte.dev/mcp
   Если ты не Claude Code и не Codex, подключи способом, принятым у тебя, с той же командой запуска.
3. Проверка: `claude mcp list` (в Codex: `codex mcp list`), статус должен быть «Connected». Попроси меня перезапустить сессию. У сервера около 4 инструментов, перечисли их. Сделай пробный запрос: «Через svelte найди в документации SvelteKit раздел про формы, напиши по нему форму заявки на Svelte 5 и проверь её svelte-autofixer». Покажи результат.
4. Итог одним сообщением: что добавлено и куда, статус, число инструментов, команда отката и откуда восстановить копию конфига. Откат: `claude mcp remove svelte --scope user` (в Codex: `codex mcp remove svelte`).

Если на любом шаге ошибка, не чини наугад. Покажи текст ошибки и скажи, что, по-твоему, случилось. Частые проблемы: https://code.tarasovweb.ru/mcp/svelte#problemy

Выполнят Claude Code, Codex, Hermes и любой агент с доступом к терминалу.

Что нужно на компьютере: Ничего: сервер удалённый.

Ключ: не нужен.

Ключ и аккаунт не нужны. Удалённый адрес ставится одной командой и ничего не скачивает на компьютер. Локальную версию запускает npx, документацию она берёт с svelte.dev.

Проверь, что работает

Пробный запрос

Через svelte найди в документации SvelteKit раздел про формы, напиши по нему форму заявки на Svelte 5 и проверь её svelte-autofixer

Что должно получиться: Промпт просит агента найти раздел Form actions, написать форму на $props и $state и показать результат svelte-autofixer. В песочнице мы через mcp-probe напрямую вызвали list-sections, get-documentation и svelte-autofixer: раздел нашёлся, форма на Svelte 5 прошла без замечаний. Как этот промпт выполнит сам агент, мы не проверяли. Если вызовов инструментов svelte в ответе нет, проверь командой /mcp, что сервер подключён, и попроси агента прямо вызвать list-sections.

Что можно сделать

4 сценария

Форма заявки на Svelte 5 без старого синтаксиса

Промпт просит агента писать форму по текущей документации и править код, пока проверка возвращает замечания. В нашем прогоне переписанная форма прошла проверку чисто, для твоего кода результат может быть другим, а пустой список значит только, что статический разбор ошибок не нашёл.

list-sections показал Form actions (kit/form-actions) с пометкой «forms, user input, data submission, validation errors».
get-documentation по kit/form-actions отдал раздел целиком меньше чем за 0,2 секунды, с примером формы, которая отправляется на сервер без JavaScript в браузере.
Форму в старом синтаксисе svelte-autofixer отклонил с замечанием про export let и ссылкой на объяснение. Переписанная на Svelte 5 форма прошла без замечаний.

Промпт

Сделай на моём сайте на SvelteKit форму заявки: имя, телефон, сообщение и согласие на обработку данных. Через svelte (инструменты list-sections и get-documentation) найди разделы про формы и пиши код по ним. Каждый компонент перед тем, как показать мне, прогони через svelte-autofixer и исправляй, пока замечаний не останется. Версию Svelte возьми из package.json проекта. Ключи и пароли для отправки заявки в код не пиши, бери их из переменных окружения.

Вступить в бесплатный клуб, чтобы скачать промпт

Бесплатно: почта или сразу Телеграм-канал клуба

Совет. В разделе Form actions сказано, что новые возможности команда Svelte развивает в remote functions, которые пока экспериментальные и могут поменяться, а form actions продолжат работать.

Проверка компонента, который уже лежит в проекте

Промпт просит агента по очереди отдать файлы .svelte на проверку и показать, что она нашла. Мы проверили один файл: проверка нашла устаревший синтаксис и переменную, которая не обновит страницу, у каждого замечания была ссылка на объяснение.

В нашей проверке локальная версия сервера получила путь к одному файлу со счётчиком на Svelte 4 и вернула два замечания со ссылками: on:click устарел, нужен onclick; count меняется, но не объявлен через $state, и страница не обновится. Обход всей папки мы не проверяли, это работа агента по промпту.
Удалённый сервер файлов с компьютера не видит: агент сам передаёт ему текст компонента.

Промпт

Проверь компоненты в папке src моего проекта на Svelte через svelte-autofixer. Для каждого файла покажи замечания и исправь их, но перед правкой перечисли, что именно поменяешь, и дождись моего «да». После правки прогони проверку ещё раз и покажи, что замечаний не осталось.

Вступить в бесплатный клуб, чтобы скачать промпт

Бесплатно: почта или сразу Телеграм-канал клуба

Ссылка, по которой компонент можно потрогать

Промпт просит агента отправить в песочницу svelte.dev компонент, который он показал в чате, и дать ссылку. На прогоне playground-link вернул ссылку с кодом формы заявки, открывать её в браузере мы не пробовали. Для компонентов, уже записанных в файлы проекта, описание инструмента его не советует.

В нашей проверке playground-link за 0,14 секунды вернул ссылку вида svelte.dev/playground#... на форму заявки. Открывать её в браузере мы не проверяли.

Промпт

Компонент, который ты только что показал в чате и ещё не записал в файлы проекта, отправь через svelte (инструмент playground-link) в песочницу svelte.dev и дай мне ссылку, чтобы я открыл его в браузере. Главный компонент назови App.svelte. Если он использует классы Tailwind, отметь это. Ключи, пароли и данные клиентов в песочницу не клади: код виден любому, у кого есть ссылка.

Вступить в бесплатный клуб, чтобы скачать промпт

Бесплатно: почта или сразу Телеграм-канал клуба

Совет. Код зашит в саму ссылку: перешлёшь её, и получатель увидит весь компонент.

Выкладка сайта на SvelteKit на свою площадку

Промпт просит агента найти в документации адаптер под твой хостинг и перечислить, что поменять в проекте. Мы проверили только, что нужные разделы есть в документации сервера; ждать твоего «да» агента просит промпт, сервер этого не обеспечивает.

Среди разделов, которые вернул list-sections, есть Adapters, Node servers (kit/adapter-node) для сервера с Node.js и Static site generation (kit/adapter-static) для хостинга с готовыми файлами.

Промпт

Мне нужно выложить сайт на SvelteKit на [мой хостинг: сервер с Node.js или хостинг только для готовых файлов]. Через svelte найди в документации раздел про адаптеры под этот вариант, скажи, что придётся поменять в проекте, и перед установкой пакетов дождись моего «да».

Вступить в бесплатный клуб, чтобы скачать промпт

Бесплатно: почта или сразу Телеграм-канал клуба

Пример работы

редакция, прогон при проверке 07.10.2026

Задача: Написать форму заявки на Svelte 5 и убедиться, что в ней нет старого синтаксиса
Промпт: Через svelte найди в документации SvelteKit раздел про формы, напиши по нему форму заявки на Svelte 5 и проверь её svelte-autofixer
Что сделал агент: list-sections меньше чем за четверть секунды вернул перечень разделов, среди них Form actions с пометкой «forms, user input, data submission, validation errors».
get-documentation по kit/form-actions отдал раздел целиком меньше чем за 0,2 секунды.
svelte-autofixer отклонил форму в синтаксисе Svelte 4: «Cannot use export let in runes mode - use $props() instead», строка 2.
Та же форма на $props, $state и $derived прошла проверку: замечаний и советов нет, повторный вызов не нужен.
playground-link вернул ссылку на песочницу svelte.dev с кодом этой формы.
Результат: Форма заявки на Svelte 5, в которой статическая проверка не нашла замечаний, и ссылка на песочницу с её кодом. Каждый вызов занял меньше четверти секунды, ключ и вход не понадобились.

Инструменты

4 · описания около 6,2 тыс. токенов

list-sectionsget-documentationsvelte-autofixerplayground-link

Жёлтым то, что агент делает от твоего имени, красным запуск команд на компьютере. Нажми на имя: покажем, что делает инструмент, и описание, которое читает агент. В Claude Code инструменты грузятся по запросу и почти не занимают память агента; в других клиентах и при своём адресе подключения (ANTHROPIC_BASE_URL) описания грузятся целиком на каждом сообщении.

Когда не нужен

Если в проекте нет Svelte или SvelteKit, это подключение не нужно: оно знает только их. Для Astro в каталоге есть Astro Docs, для Next.js - Next.js DevTools. Если в проекте много библиотек, документацию по всем сразу отдаёт Context7, но код он не проверяет. Описания инструментов сервера по нашей оценке весят около 6,2 тысячи токенов, а сколько из них попадёт в разговор, зависит от клиента, поэтому подключай сервер там, где есть Svelte. Посмотреть, как готовая страница выглядит в браузере, помогут Playwright или Chrome DevTools.

Частые проблемы

Агент получил от svelte-autofixer замечание «Cannot use `export let` in runes mode - use `$props()` instead»

Код написан по правилам Svelte 4, а проверка шла для Svelte 5. В нашей проверке так отметилась форма заявки с export let, $: и on:submit. Попроси агента переписать компонент на Svelte 5: свойства через $props, состояние через $state и $derived, обработчик формы через onsubmit. Если проект ещё на Svelte 4, пусть агент передаёт версию 4 в поле desired_svelte_version: в нашей проверке та же форма с версией 4 прошла без замечаний.

Агент не видит инструментов сервера

Клиент не перезапущен после подключения: Claude Code читает подключения при старте сессии. Закрой и открой сессию, потом проверь: claude mcp list.

Агент путается в инструментах и медленно отвечает

В настройках Claude Code задан свой адрес подключения (ANTHROPIC_BASE_URL): поиск инструментов выключается, и описания всех подключений грузятся целиком. Оставь включёнными только нужные подключения.

Безопасность и данные

Кто сделал: Svelte (официальный). Исходный код: github.com/sveltejs/ai-tools, лицензия MIT.
Что видит агент: Удалённый сервер получает то, что агент ему отправляет: названия разделов документации и код компонентов для проверки или песочницы. Файлов на компьютере он не видит. Команда Svelte пишет в документации, что присланный код не сохраняет и не читает; сервер размещён на Vercel, страна обработки не указана. Если в коде окажутся данные клиентов, они уйдут на этот сервер, поэтому ключи и персональные данные в код для проверки не клади. Локальная версия работает на компьютере, по пути из запроса может открыть файл, а документацию берёт с svelte.dev.
Куда уходят данные: Данные уходят: Svelte (сервер размещён на Vercel), страна обработки не указана сервисом.
Что может изменить: Файлы проекта подключение не меняет: все четыре инструмента читают документацию, разбирают присланный код и собирают ссылку. Правки в код вносит сам агент.
Наша проверка: Адрес и пакет указаны в документации Svelte на svelte.dev, пакет опубликован в npm от имени организации sveltejs, сервер есть в официальном реестре MCP как dev.svelte/mcp. Мы запустили в одноразовой песочнице Ubuntu 24.04 удалённый адрес и пакет 0.1.26 через npx. Каждый из двух снимков показал четыре инструмента, подсказку svelte-task и 204 ресурса: 203 раздела документации и окно песочницы кода. Описания инструментов, инструкцию сервера и текст подсказки мы прочитали. В них есть открытые указания агенту: брать этот сервер для любой работы со Svelte, прогонять каждый компонент через svelte-autofixer, пока не уйдут замечания, и спрашивать тебя перед тем, как делать ссылку на песочницу. Просьб читать ключи, файлы или что-то скрывать от тебя нет. Автор пометил все инструменты как только чтение, каждый мы вызвали сами, файлов они не меняли. При удалённых вызовах песочница соединялась только с 64.239.109.65 и 64.239.123.65: в той же песочнице до и после прогона имя mcp.svelte.dev разрешалось ровно в эти два адреса (Vercel). Локальная версия ходила в реестр npm и на svelte.dev. Куда ходит сам сервер со своей стороны, снаружи не видно. База уязвимостей OSV по @sveltejs/mcp 0.1.26 и библиотеке tmcp 1.20.0-next.1 записей не нашла. У playground-link и svelte-autofixer схема ответа написана по стандарту JSON Schema draft-07. По открытому отчёту в репозитории Claude Code инструменты с такой схемой ответа сейчас отклоняет Claude Desktop, мы его не проверяли.
Версия: Сервер удалённый, версию держит владелец сервиса. Изменения ловим сверкой отпечатка.
Проверить самому: агент прочитает код подключения как недоверенный

Полезные материалы

Журнал проверок

07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·0.1.26·Claude Code, Linux·работаетccf114ea4dcee986
07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·0.1.26·Claude Code, Linux·работаетccf114ea4dcee986
07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·0.1.26·Claude Code, Linux·работаетccf114ea4dcee986
07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·0.1.26·Claude Code, Linux·работаетccf114ea4dcee986
07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·удалённый·Claude Code, Linux·работаетd54b141ba128856a
07.10.2026·0.1.26·Claude Code, Linux·работаетccf114ea4dcee986

Отпечаток - контрольная сумма того, что сервер отдаёт агенту. Поменялся при той же версии - поменялось поведение.

Svelte

Что сможет агент

Подключить

Проверь, что работает

Что можно сделать

Пример работы

Инструменты

Когда не нужен

Частые проблемы

Безопасность и данные

Полезные материалы

Журнал проверок

Похожие подключения

Илья Тарасов

Читайте также

amCharts 5

Ant Design

Ark UI