# SvGrid

Verifies SvGrid table components against the active API and Svelte 5 rules, catches invalid props, and supplies version-pinned docs.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 181
- Author: sv-grid
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/sv-grid/sv-grid/tree/HEAD/packages/mcp
- Updated: 2026-10-23
- HTML: https://affpapa.org/en/nevibecode/mcp/svgrid

## What it 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.

## Requirements
- Needs: Node.js (commands run via npx)
- Remote server: `https://mcp.svgrid.com/mcp`

## Install

### Claude Code (native platform)

1. **Platform CLI: remote server**
```bash
claude mcp add --transport http svgrid https://mcp.svgrid.com/mcp
```

2. **Platform CLI**
```bash
claude mcp add mcp -- npx -y @svgrid/mcp
```

### Codex

1. **Platform CLI: remote server**
```bash
codex mcp add mcp --url https://mcp.svgrid.com/mcp
```

2. **Platform CLI**
```bash
codex mcp add mcp -- npx -y @svgrid/mcp
```

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "mcp": {
            "url": "https://mcp.svgrid.com/mcp"
        }
    }
}
```
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "mcp": {
            "command": "npx",
            "args": [
                "-y",
                "@svgrid/mcp"
            ]
        }
    }
}
```

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "mcp": {
            "type": "http",
            "url": "https://mcp.svgrid.com/mcp"
        }
    }
}
```
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "mcp": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@svgrid/mcp"
            ]
        }
    }
}
```

### Gemini CLI

1. **Platform CLI: remote server**
```bash
gemini mcp add -t http mcp https://mcp.svgrid.com/mcp
```

2. **Platform CLI**
```bash
gemini mcp add mcp npx -y @svgrid/mcp
```

## When to use it
- 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
- Check `src/routes/Grid.svelte` for 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

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [tldraw](https://affpapa.org/en/nevibecode/mcp/tldraw.md) — MCP server · ★ 51091
- [Figma-Context-MCP](https://affpapa.org/en/nevibecode/mcp/figma-context-mcp.md) — MCP server · ★ 16062
- [mcp-server-chart](https://affpapa.org/en/nevibecode/mcp/mcp-server-chart.md) — MCP server · ★ 4402
- [Dembrandt](https://affpapa.org/en/nevibecode/mcp/dembrandt.md) — MCP server · ★ 3821
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/en/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP server · ★ 3450

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md