Svelte MCP

by svelte.dev · dev.svelte/mcp

The official Svelte MCP server providing docs and autofixing tools for Svelte development

OnlineRemote + local
Category
Productivity
Connection
Remote (HTTP)
Tools
4 reported
Status
Online

Connect it to your AI

Claude Code

claude mcp add --transport http svelte https://mcp.svelte.dev/mcp

Claude, ChatGPT, Cursor and other apps

Add it as a custom connector with this URL (Streamable HTTP):

https://mcp.svelte.dev/mcp

Or run it locally (npm)

claude mcp add svelte -- npx -y @sveltejs/mcp@0.1.28

Cursor, VS Code and other apps (mcp.json)

{
  "mcpServers": {
    "svelte": {
      "url": "https://mcp.svelte.dev/mcp"
    }
  }
}

Tools it offers

4 tools, as the server itself reported during our check on Oct 31, 2026.

  • get-documentationRetrieves full documentation content for Svelte 5 or SvelteKit sections. Supports flexible search by title (e.g., "$state", "routing") or file path (e.g., "cli/overview"). Can accept a single section name or an array of
  • list-sectionsLists all available Svelte 5 and SvelteKit documentation sections in a structured format. Each section includes a "use_cases" field that describes WHEN this documentation would be useful. You should carefully analyze the
  • playground-linkGenerates a Playground link given a Svelte code snippet. Once you have the final version of the code you want to send to the user, ALWAYS ask the user if it wants a playground link to allow it to quickly check the code i
  • svelte-autofixerGiven a svelte component or module returns a list of suggestions to fix any issues it has. This tool MUST be used whenever the user is asking to write svelte code before sending the code back to the user

Questions

What is the Svelte MCP server?

The official Svelte MCP server providing docs and autofixing tools for Svelte development. It is made by svelte.dev and listed in the official MCP Registry as dev.svelte/mcp. MCP (Model Context Protocol) is the open standard that lets AI apps like Claude, ChatGPT and Cursor use outside tools.

How do I add Svelte to Claude?

In the Claude app or claude.ai, open Settings, then Connectors, choose "Add custom connector" and paste https://mcp.svelte.dev/mcp. In Claude Code, run: claude mcp add --transport http svelte https://mcp.svelte.dev/mcp

How do I add Svelte to ChatGPT?

ChatGPT can use remote MCP servers as connectors. In ChatGPT settings, under Apps and Connectors, turn on developer mode if asked, create a new connector and paste https://mcp.svelte.dev/mcp.

How do I add Svelte to Cursor?

Open Cursor settings, go to MCP, choose "Add new MCP server" (or edit ~/.cursor/mcp.json) and add: { "mcpServers": { "svelte": { "url": "https://mcp.svelte.dev/mcp" } } }

Does Svelte work right now?

Yes. It responded when we last checked on 31 Oct 2026. We check remote MCP servers every day.

What can Svelte do?

It gives your AI 4 tools, including get-documentation, list-sections, playground-link, svelte-autofixer. The full list is on this page.

Is this your server? Get the badge for your README
chen.media/mcp badge

Markdown (GitHub README)

[![Listed on chen.media/mcp](https://chen.media/mcp/badge/dev-svelte-mcp.svg)](https://chen.media/mcp/dev-svelte-mcp)

HTML (switches to dark mode on its own)

<a href="https://chen.media/mcp/dev-svelte-mcp"><picture><source media="(prefers-color-scheme: dark)" srcset="https://chen.media/mcp/badge/dev-svelte-mcp.svg?theme=dark"><img src="https://chen.media/mcp/badge/dev-svelte-mcp.svg" alt="Listed on chen.media/mcp" height="40"></picture></a>

More in Productivity

See all