SvGrid — Claude Code MCP server: what it does, how to install
Verifies SvGrid table components against the active API and Svelte 5 rules, catches invalid props, and supplies version-pinned docs.
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcpWhat SvGrid does
This server connects AI assistants directly to SvGrid documentation and demo repositories. It stops hallucinations by checking prop names, events, and method calls against the package version installed in the project. Five focused tools handle documentation lookup, page retrieval, component verification, interactive grid previews, and SvelteKit file scaffolding from Drizzle schemas.
The svgrid_check_code tool tests code with an accessible Svelte compiler and package exports. It flags legacy directives such as on:, catches mutated variables that lack Svelte 5 runes, and flags wrong names like rowData with instant fixes. Line numbers and replacement syntax come back in the diagnostic report.
Studio automation tools stay inactive until you provide @svgrid/enterprise alongside SVGRID_MCP_STUDIO=1 or a valid license key. Without those flags, the builder remains disabled.
What it helps with
- validate Svelte 5 grid code against the actual SvGrid API
- detect obsolete event directives and invalid component props
- scaffold SvelteKit screens from Drizzle database schemas
- render interactive table previews inside the conversation
Example prompts for the agent
- Check
src/routes/Grid.sveltefor invalid SvGrid props and fix them - Look up how to configure row selection in the SvGrid docs
- Generate a SvelteKit data table from our Drizzle schema
How to install SvGrid
1Platform CLI: remote server
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp2Platform CLI
claude mcp add mcp -- npx -y @svgrid/mcp1Platform CLI: remote server
codex mcp add mcp --url https://mcp.svgrid.com/mcp2Platform CLI
codex mcp add mcp -- npx -y @svgrid/mcpConfig file
{
"mcpServers": {
"mcp": {
"url": "https://mcp.svgrid.com/mcp"
}
}
}{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@svgrid/mcp"
]
}
}
}Config file
{
"servers": {
"mcp": {
"type": "http",
"url": "https://mcp.svgrid.com/mcp"
}
}
}{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@svgrid/mcp"
]
}
}
}1Platform CLI: remote server
gemini mcp add -t http mcp https://mcp.svgrid.com/mcp2Platform CLI
gemini mcp add mcp npx -y @svgrid/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about SvGrid
How to install SvGrid in Claude Code?
Run claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp for the remote HTTP endpoint, or use claude mcp add mcp -- npx -y @svgrid/mcp for the local stdio runner.
What does SvGrid do?
It validates SvGrid code against the real API, checks Svelte 5 compilation rules, and provides reference docs and interactive grid previews to the AI client.
What is required to use the Studio features?
The studio_* suite and svgrid_scaffold require @svgrid/enterprise in your project and either SVGRID_MCP_STUDIO=1 or a valid license key set in your environment variables.
