Advertise
MCP.so
Sign In
S

Svelte MCP Server

@sveltejs

Repository

Basic information

Category

Other

Last updated

Transports

stdio

Author

sveltejs

Submitted by

Paolo Ricciuti

About Svelte MCP Server

No overview available yet

#svelte#mcp#server

Svelte MCP Server config

Add this server to your MCP-compatible client using the configuration below.

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

Svelte MCP Server tools

4

Retrieves 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 sections. Before running this, make sure to analyze the users query, as well as the output from list-sections (which should be called first). Then ask for ALL relevant sections the user might require. For example, if the user asks to build anything interactive, you will need to fetch all relevant runes, and so on. Before calling this tool, try to implement Svelte components using your own knowledge and the `svelte-autofixer` tool, since calling this tool is token intensive.

Lists 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 use_cases field to determine which sections are relevant for the user's query. The use_cases contain comma-separated keywords describing project types (e.g., "e-commerce", "blog"), features (e.g., "authentication", "forms"), components (e.g., "slider", "modal"), development stages (e.g., "deployment", "testing"), or "always" for fundamental concepts. Match these use_cases against the user's intent - for example, if building an e-commerce site, fetch sections with use_cases containing "e-commerce", "product listings", "shopping cart", etc. If building a slider, look for "slider", "carousel", "animation", etc. Returns sections as "* title: [section_title], use_cases: [use_cases], path: [file_path]". Always run list-sections FIRST for any Svelte query, then analyze ALL use_cases to identify relevant sections, and finally use get_documentation to fetch ALL relevant sections at once.

Generates 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 in the playground before calling this tool. NEVER use this tool if you have written the component to a file in the user project. The playground accept multiple files so if are importing from other files just include them all at the root level.

Given 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

Overview

What is Svelte?

The official Svelte MCP server provides a Model Context Protocol interface for the Svelte documentation ecosystem, supporting embeddings via a Voyage API key.

How to use Svelte?

Install dependencies with pnpm i, copy .env.example to .env, set VOYAGE_API_KEY, and run pnpm dev. For local inspection use pnpm run inspect with Streamable HTTP transport at http://localhost:5173/mcp.

Key features of Svelte

  • Official Svelte MCP server
  • Supports embeddings with Voyage API key
  • Uses Streamable HTTP transport
  • Includes a database inspector via Drizzle Studio
  • Elicitation and sampling available on the same POST stream

Use cases of Svelte

  • —
  • —
  • —

Frequently asked questions

1

What transport does Svelte use?

Streamable HTTP.

2

How do I set up embeddings for Svelte?

Set the `VOYAGE_API_KEY` environment variable in `.env`

3

Does Svelte support `server.log` or `list-changed` notifications?

No – the SSE channel is shut down immediately to prevent timeout logs on Vercel, so these notifications are not sent.

4

What runtime dependencies does Svelte require?

Node.js and pnpm for development; the server runs locally via `pnpm dev`.

5

Where can I inspect the server locally?

Use the MCP inspector (`pnpm run inspect`) at `http://localhost:6274/` with the URL `http://localhost:5173/mcp`.

Comments

More Other MCP servers

Activepieces

activepieces

AI Agents & MCPs & AI Workflow Automation • (~400 MCP servers for AI agents) • AI Automation / AI Agent with MCPs • AI Workflows & AI Agents • MCPs for AI Agents

23.2K

EverArt

modelcontextprotocol

Model Context Protocol Servers

88.1K
M

Mandate Law

Mandate Law (Allen Gibby)

Mandate Law is a law firm for AI products, agents, and the consumer apps they live in, built so coding agents can work with counsel directly. An agent can check whether a request is in scope and get the fixed fee (free a

Health by Dr Brad

Dr Brad Stanfield

Health by Dr Brad works out a health plan from your own results: which screening is due at your age, and evidence-based suggestions, each with the reason and the published guideline or study behind it. Your record is one

Klarix Intelligence Engine

Klarix

B2B competitive intelligence, live sales battlecards, 5-axis ICP prospect fit scoring, and tech stack teardowns over MCP and REST with cited public-web evidence.

Advertise