Svelte
Description
# @sveltejs/mcp Repo for the official Svelte MCP server. ## Dev setup instructions ``` pnpm i cp apps/mcp-remote/.env.example apps/mcp-remote/.env pnpm dev ``` 1. Set the VOYAGE_API_KEY for embeddings support > [!NOTE] > Currently to prevent having a bunch of Timeout logs on…
About
# @sveltejs/mcp Repo for the official Svelte MCP server. ## Dev setup instructions ``` pnpm i cp apps/mcp-remote/.env.example apps/mcp-remote/.env pnpm dev ``` 1. Set the VOYAGE_API_KEY for embeddings support > [!NOTE] > Currently to prevent having a bunch of Timeout logs on vercel we shut down the SSE channel…
Details
- Author
- sveltejs
- Downloads
- 314
- Categories
- Developer Tools, Knowledge Base, Other
Jump to
- 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
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
SvelteCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
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.
get-documentation
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.
list-sections
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.
playground-link
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.
svelte-autofixer
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
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"svelte": {
"svelte": {
"url": "https://mcp.svelte.dev/mcp"
}
}
}
}McpServers
{
"svelte": {
"url": "https://mcp.svelte.dev/mcp"
}
}- Ask Svelte questions— Query the official Svelte documentation and knowledge base usingask_svelte.
- Search Svelte docs— Find relevant documentation pages and snippets withsearch_docs.
- Retrieve Svelte examples— Get code examples and usage patterns from the Svelte ecosystem viaget_examples.
Repo for the official Svelte MCP server.
pnpm i cp apps/mcp-remote/.env.example apps/mcp-remote/.env pnpm dev
- Set the VOYAGE_API_KEY for embeddings support
[!NOTE] Currently to prevent having a bunch of Timeout logs on vercel we shut down the SSE channel immediately. This means that we can't useserver.logand we are not sendinglist-changednotifications. We can use elicitation and sampling since those are sent on the same stream of the POST request
- Transport type:Streamable HTTP
- http://localhost:5173/mcp
This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.
Local stdio MCP server that lets AI coding agents read and maintain structured architecture, rules, and decisions directly from your repository.
Official Context7 MCP server that brings up-to-date, version-specific library documentation and code examples into AI coding prompts.
Remote, no-auth MCP server providing AI-powered codebase context and answers
Documentation and assembly review for @nhtio/adk.
Structured .aide spec files that give AI agents progressive disclosure into your codebase architecture. 6 MCP tools, 8 slash commands, TUI wizard, multi-IDE support.
Assists AI developers with requirement clarification, module design, and technical architecture.
AmazingMCP — MCP Server for .NET / C# Codebases
An MCP server that gives AI agents deep understanding of C# codebases via Roslyn — type search, dependency graphs, usage analysis, and architecture overviews, all from a live in-memory compilation.
Automatically generates documentation for code repositories by analyzing directory structures and code files using the OpenRouter API.
MCP server that ingests project docs once and lets Claude search by meaning instead of reading everything — saving tokens on large codebases
Enforce consistent C++ style and best practices across your codebase. Analyze naming conventions, memory safety, and const correctness, and get actionable modernization suggestions up to C++23. Accelerate reviews with ready-made prompts and quick access to curated guidelines.
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
