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.
Открыть на GitHubОфициальный сайт

Установка

npx -y @sveltejs/mcp

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

Общее

  • СтатусСообщество
  • Разработчик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-клиенты.

Поделиться