Happy slice of mcp pizzaMCP.pizza

mcp-svelte-docs

MCP.Pizza Chef: spences10

One tool answers by name: ask for $state, $props, snippets, load, cookies or any of sixty-five entries, and choose whether you want just the signature, a short example, or the full write-up. Misspell one and it suggests near matches. The published copy bundles notes frozen in September 2025 and has not been republished since, so anything newer in Svelte will be missing. It runs on your own machine from a one-line setting, needs no account, and costs nothing.

Coding

Use This MCP server To

Check how $state works before I write the component Get the exact syntax for a SvelteKit load function See an example of snippets instead of old slots Convert a Svelte 4 pattern to the Svelte 5 way Look up how to set a cookie in SvelteKit

README

mcp-svelte-docs

A Model Context Protocol (MCP) server providing authoritative Svelte 5 and SvelteKit definitions extracted directly from TypeScript declarations. Get precise syntax, parameters, and examples for all Svelte 5 concepts through a single, unified interface.

Architecture

Definition-First Approach: Rather than multiple specialized tools, this server provides one powerful svelte_definition tool that accesses 28+ comprehensive definitions covering:

  • All Svelte 5 runes ($state, $derived, $props, $effect variants)
  • Modern features (snippets, await expressions, remote functions)
  • Event handling (DOM events, custom events, component communication)
  • Migration guidance (Svelte 4 to 5 patterns and best practices)
  • TypeScript interfaces (Snippet, Snapshot types)
  • Advanced patterns (global state, common mistakes, lifecycle equivalents)

Available Tool

svelte_definition

Single, powerful tool for all Svelte 5 and SvelteKit concepts:

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

Examples:

  • svelte_definition("$state") - Complete $state documentation
  • svelte_definition("snippets", "quick") - Snippet overview with example
  • svelte_definition("onclick", "syntax") - Just the TypeScript signature
  • svelte_definition("migration-patterns") - Svelte 4 → 5 migration guide

Response Formats:

  • "syntax" - TypeScript signature only (~50 words)
  • "quick" - Definition + minimal example (~200 words)
  • "full" - Complete documentation with examples (~500-1000 words, default)

Available Identifiers (28+)

Core Runes: $state, $state.raw, $state.snapshot, $derived, $derived.by, $props, $bindable, $effect, $effect.pre, $effect.root, $effect.pending, $effect.tracking

Development Tools: $inspect, $host

Features & Patterns: snippets, onclick, component-events, migration-patterns, await-expressions, remote-functions, global-state, common-mistakes, lifecycle-equivalents

Event Handling: custom-events, event-delegation, event-modifiers

TypeScript Interfaces: snippet, snapshot

mcp-svelte-docs FAQ

Do I need an API key or an account?
No, and it never reaches out to the internet at all. Everything it knows is bundled into the download and opened read-only.
How current are the answers?
The copy you install was built on 13 September 2025 and has not been republished since. The project itself now only receives automatic housekeeping updates, so anything Svelte has changed since that date will be missing or stale.
How many topics does it cover?
Sixty-five, which is roughly twice what its own notes claim. The list also quietly leaves out all the SvelteKit material it holds, including page and layout files, load, cookies, redirects and form actions.
Which apps does it work in?
Claude Desktop, Cursor and Windsurf are documented, and any app that accepts a short local command will do. On Windows the notes show a Linux-subsystem route, but the plain Windows command works as well.
How hard is setup?
One line pasted into your app's settings. The one snag is that it carries a small database part that has to be built for your computer, and a failed install is almost always that.
Can I use this to learn Svelte from scratch?
Not really. It is a look-up desk for names you already half know, not a course. It does suggest close matches when you get a name wrong.
Can it change my files or my project?
No. It only reads, has no writing tool, and opens its own bundled notes in read-only mode.