# Svelte MCP

The official Svelte MCP server gives agents access to Svelte docs and autofixing tools. Use it when you want an agent to consult the docs or work on Svelte code.

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

## What it does

Svelte MCP connects an agent to Svelte documentation and autofixing tools. That helps when you want an agent to look up Svelte guidance or fix issues in Svelte code. The description does not list the individual autofixing tools.

In Claude Code, add the server over HTTP with `claude mcp add --transport http mcp https://mcp.svelte.dev/mcp`. For local use, the `@sveltejs/mcp` CLI can run through `npx -y @sveltejs/mcp`. You can also install it with `pnpm i @sveltejs/mcp` and start it with `pnpm svelte-mcp`. The local option requires `npx` or `pnpm` to run.

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

## Install

### Claude Code (native platform)

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

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

### Codex

1. **Platform CLI: remote server**
```bash
codex mcp add mcp-stdio --url https://mcp.svelte.dev/mcp
```

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

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

1. **Platform CLI: remote server**
```bash
gemini mcp add -t http mcp-stdio https://mcp.svelte.dev/mcp
```

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

## When to use it
- look up Svelte documentation through an agent
- ask an agent to autofix Svelte code
- connect Svelte MCP to Claude Code over HTTP
- run Svelte MCP locally from its CLI

## Example prompts
- Look up how this Svelte feature works in the documentation.
- Check this Svelte code and apply the available autofixes.
- Tell me how to add Svelte MCP to Claude Code over HTTP.

## 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

From the same set: [sveltejs/ai-tools](https://affpapa.org/en/nevibecode/by/sveltejs/ai-tools.md) — 3 cards

---
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