Svelte MCP

Svelte MCP

sveltejsMIT
260 звёзд31 форков
Svelte MCP — это официальный сервер Model Context Protocol для фреймворка Svelte. Его создала команда Svelte (sveltejs) для интеграции с AI-ассистентами. Сервер даёт AI-ассистентам прямой доступ к актуальной документации Svelte (включая Svelte 5) и инструменты для автоматического анализа и исправления кода. Вместо того чтобы опираться на устаревший срез данных, модель может через MCP получать живую информацию о синтаксисе, API и лучших практиках, а также выполнять корректирующие действия. Разработчики, использующие Claude Desktop или другие MCP-совместимые клиенты, могут делегировать AI задачи, связанные с Svelte: написание компонентов, поиск правильной документации, исправление ошибок, рефакторинг. Сервер подходит как для быстрых экспериментов, так и для включения в регулярную разработку с помощью AI.
Подключить MCPОткрыть на GitHubОфициальный сайт
Подключение

Подключить Svelte MCP

Выберите способ запуска и свой MCP-клиент. Ниже останется одна готовая инструкция, которую можно проверить и скопировать.

1

Способ подключения

2

Куда подключить

3

Скопируйте и проверьте

Claude

Клиент подключается к уже работающему MCP endpoint.

  1. 1.Получите endpoint и токен доступа, если он требуется.
  2. 2.Добавьте remote MCP endpoint в Claude.
  3. 3.Проверьте подключение в списке доступных инструментов.
json
{
  "mcpServers": {
    "svelte-mcp": {
      "url": "https://svelte.dev/docs/mcp/overview",
      "transport": "streamable-http"
    }
  }
}

Сгенерировано из transportTypes и URL, похожего на MCP endpoint. Нужно проверить авторизацию.

Инструкция собрана из данных карточки и пока не отмечена как проверенная редакцией. Сверьте команду с README источника и не передавайте лишние права или секреты.

Как оценить Svelte MCP

Svelte MCP относится к MCP-инструментам. Ниже собраны проверяемые признаки, по которым его можно сравнить с другими серверами каталога.

Происхождение
Проект сообщества
Лицензия
MIT
Реализация
TypeScript
Транспорт
streamable-http, stdio

Что проверить перед выбором

  • Изучите README, открытые issues и историю последних изменений в репозитории.
  • Проверьте команду установки и зависимости перед запуском в рабочем окружении.
  • Ограничьте доступ MCP-сервера только нужными файлами, API и переменными окружения.

Карточка отредактирована 20.07.2026.

Автоматическая проверка источника ещё не выполнена. Внешних источников в карточке: 2.

Характеристики

Общее

  • СтатусСообщество
  • Разработчикsveltejs
  • ЛицензияMIT

Технологии

  • Языки
    TypeScript
  • Транспорт
    streamable-httpstdio

Описание

Возможности

  • Получение статей и разделов из официальной документации Svelte по запросу.
  • Автоматическое исправление синтаксических и логических ошибок в коде Svelte.
  • Генерация шаблонов компонентов, реактивных объявлений и store.
  • Ответы на вопросы по API, хелперы и утилиты Svelte 5.
  • Поиск примеров кода для конкретных задач (формы, анимации, реактивность).
  • Семантический поиск по документации с использованием эмбеддингов (при наличии Voyage API ключа).
  • Поддержка последней версии Svelte (5) и совместимость с актуальными инструментами сборки.
  • Гибкая настройка подключения: поддерживаются транспорты stdio и streamable-http.

Как подключить

Установите сервер одной командой в терминале:

npx -y @sveltejs/mcp

Для работы с Claude Desktop отредактируйте конфигурационный файл (на macOS: ~/Library/Application Support/Claude/claude_desktop_config.json, на Windows: %APPDATA%\Claude\claude_desktop_config.json) и добавьте новый инструмент:

{ "mcpServers": { "svelte": { "command": "npx", "args": ["-y", "@sveltejs/mcp"] } } }

Если вы хотите активировать семантический поиск по документации, задайте переменную окружения VOYAGE_API_KEY. В конфигурации Claude Desktop это можно сделать через поле env:

{ "mcpServers": { "svelte": { "command": "npx", "args": ["-y", "@sveltejs/mcp"], "env": { "VOYAGE_API_KEY": "ваш_ключ" } } } }

После внесения изменений перезапустите Claude Desktop. Для других MCP-клиентов инструкция аналогичная — укажите путь к серверу через команду npx.

Примеры запросов

  • «Напиши компонент счётчика на Svelte, используя реактивную переменную $state и обработчики кнопок»
  • «Покажи мне раздел документации о привязке классов — class binding в Svelte»
  • «Проверь этот Svelte-код на ошибки: [вставьте код]. Если найдешь ошибки, предложи исправления и объясни»
  • «Как создать store на Svelte? Приведи пример с writable и readable»
  • «Сгенерируй форму с валидацией на Svelte 5 с использованием $derived»

С такими запросами AI-ассистент использует сервер для получения достоверной информации и автоматической коррекции кода. Это ускоряет разработку на Svelte и снижает количество ошибок.

Технические детали

  • Язык разработки: TypeScript
  • Поддерживаемые транспорты: stdio, streamable-http
  • Лицензия: MIT
  • Разработчик: Svelte (sveltejs)
  • Установка: npx -y @sveltejs/mcp
  • Репозиторий: github.com/sveltejs/mcp (260 звезд)
  • Совместимость: Claude Desktop, Cline, Continue.dev, VS Code AI плагины и другие MCP-клиенты.

Поделиться