mcp-svelte-docs

Overview

This MCP server offers a single, powerful tool that provides access to 28+ comprehensive Svelte 5 and SvelteKit definitions extracted directly from TypeScript declarations. It includes all runes ($state, $derived, $props, etc.), modern features, event handling patterns, migration guidance, and TypeScript interfaces. The server features a definition-first approach with three response formats: syntax-only, quick overview, and full documentation with examples. Built with TypeScript and designed to be authoritative and type-safe, reflecting the actual Svelte 5 API rather than outdated tutorials.

Try asking AI

After installing, here are 5 things you can ask your AI assistant:

• svelte_definitionsvelte_definition(identifier: string, format?: "syntax"|"quick"|"full")

  Retrieves comprehensive documentation for Svelte 5 concepts, runes, and features

  Try:What is the complete documentation for $state?Try:Show me a quick overview of snippets with an exampleTry:Get just the TypeScript signature for onclick

Comparable tools

Installation

{
  "mcpServers": {
    "mcp-svelte-docs": {
      "command": "npx",
      "args": ["-y", "mcp-svelte-docs"]
    }
  }
}

{
  "mcpServers": {
    "mcp-svelte-docs": {
      "command": "npx",
      "args": ["-y", "mcp-svelte-docs"]
    }
  }
}

{
  "mcpServers": {
    "mcp-svelte-docs": {
      "command": "npx",
      "args": ["-y", "mcp-svelte-docs"]
    }
  }
}

{
  "mcpServers": {
    "mcp-svelte-docs": {
      "command": "wsl.exe",
      "args": ["bash", "-c", "npx -y mcp-svelte-docs"]
    }
  }
}

FAQ

What Svelte 5 features are covered by this MCP server?

The server provides definitions for 28+ Svelte 5 concepts including all runes ($state, $derived, $props, etc.), modern features like snippets and remote functions, event handling patterns, migration guidance from Svelte 4, TypeScript interfaces, and advanced patterns.

How do I use the svelte_definition tool?

The svelte_definition tool accepts an identifier (like '$state' or 'snippets') and an optional format parameter ('syntax', 'quick', or 'full'). For example: 'svelte_definition("$state")' returns complete documentation, while 'svelte_definition("onclick", "syntax")' returns just the TypeScript signature.

Compare mcp-svelte-docs with