К основному содержанию
MCP-сервер CX Codex

SvGrid — MCP-сервер для Claude Code: что делает и как установить

Проверяет код таблиц SvGrid на соответствие реальному API и синтаксису Svelte 5, находит опечатки в пропсах и отдаёт документацию.

Установить в Claude Code · Командой платформы: удалённый сервер Все способы и платформы ↓
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp
Открыть на GitHub

Что делает 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/mcp

2Командой платформы

claude 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 или валидный ключ лицензии.

Похожие MCP-серверы

Всё по теме «Фронтенд и UI» →
Front-End Checklist thedaviddias Сервер помогает агенту проверять фронтенд-код и публичные страницы по правилам качества. Подключите его для ревью компонентов или аудита доступности, SEO и производительности. CX Codex +1 ★ 74 559звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 091звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 062звёзд репо mcp-server-chart antvis MCP-сервер для визуализации данных и построения диаграмм на базе библиотеки AntV прямо в чате с моделью. CX Codex +1 ★ 4 402звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 821звёзд репо RevoGrid DataGrid MCP Pro revolist Хостинговый MCP-сервер, который подключает агента к документации RevoGrid DataGrid: примеры, проверка возможностей и подсказки по миграции. CX Codex +1 ★ 3 450звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой