SvGrid — MCP-сервер для Claude Code: что делает и как установить
Проверяет код таблиц SvGrid на соответствие реальному API и синтаксису Svelte 5, находит опечатки в пропсах и отдаёт документацию.
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcpЧто делает SvGrid
Сервер связывает ассистента с документацией и демками таблицы SvGrid. Вместо выдуманных методов модель получает точные имена параметров, событий и типов из версии пакета в проекте. В основной набор входят пять инструментов для поиска по справке, чтения разделов, интерактивного предпросмотра данных и генерации разметки под SvelteKit из схем Drizzle.
Инструмент svgrid_check_code валидирует файлы через компилятор Svelte и сверяет пропсы с экспортами библиотеки. Он отлавливает устаревшие директивы on:, неправильные имена вроде rowData вместо data и реактивные переменные без рун. Если компилятор находит ошибку, сервер возвращает номер строки и точное исправление.
Инструменты studio_* требуют отдельный пакет @svgrid/enterprise и переменную SVGRID_MCP_STUDIO=1 либо ключ лицензии. Без этого генератор приложений просто не запустится.
Какие задачи решает
- проверить код таблицы на ошибки компилятора Svelte 5
- найти точные имена пропсов и методов в установленной версии SvGrid
- собрать интерфейс для SvelteKit по схеме Drizzle
- открыть интерактивный предпросмотр таблицы прямо в диалоге
Примеры запросов агенту
- Проверь файл
src/routes/Grid.svelteчерез SvGrid и исправь устаревшие пропсы - Найди в документации SvGrid пример таблицы с сортировкой и пагинацией
- Сгенерируй страницу со списком заказов в SvelteKit на основе схемы Drizzle
Как установить SvGrid
1Командой платформы: удалённый сервер
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp2Командой платформы
claude mcp add mcp -- npx -y @svgrid/mcp1Командой платформы: удалённый сервер
codex mcp add mcp --url https://mcp.svgrid.com/mcp2Командой платформы
codex mcp add mcp -- npx -y @svgrid/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"url": "https://mcp.svgrid.com/mcp"
}
}
}{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@svgrid/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "http",
"url": "https://mcp.svgrid.com/mcp"
}
}
}{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@svgrid/mcp"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http mcp https://mcp.svgrid.com/mcp2Командой платформы
gemini mcp add mcp npx -y @svgrid/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о SvGrid
Как установить SvGrid в Claude Code?
Выполните команду claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp для удалённого подключения или claude mcp add mcp -- npx -y @svgrid/mcp для запуска локального пакета.
Что делает SvGrid?
Сервер проверяет синтаксис компонентов SvGrid, выявляет неверные пропсы по реальной кодовой базе и отдаёт ассистенту примеры кода и справку под Svelte 5.
Что нужно для работы инструментов студии?
Для вызова группы studio_* и команды svgrid_scaffold требуются установленный пакет @svgrid/enterprise и переменная окружения SVGRID_MCP_STUDIO=1 или валидный ключ лицензии.