AI Plugin Indexfrontend framework
Svelte MCP servers and skills
There are 38 ways to connect Svelte to Claude, ChatGPT, Cursor and other AI assistants: 10 MCP servers and 28 skills. The most used is Svelte MCP (334 GitHub stars).
Best Svelte MCP servers, compared →Most used
Svelte MCP
sveltejs
89The official Svelte MCP server providing docs and autofixing tools for Svelte development
AAB
Server Basic Svelte
modelcontextprotocol
83Basic MCP App Server example using Svelte
AFB
MCP Svelte Docs
spences10
76MCP server for Svelte docs
AAC
Shadcn Svelte MCP
Michael-Obele
76shadcn-svelte documentation MCP server built with tmcp — runs on Node or Bun, deployable to Fly.io or Render
AAB
svelte-llm-mcp
khromov
66An MCP server that provides access to Svelte 5 and SvelteKit documentation
DAC
Svelte
beany-vu
64Svelte charts - SVG, canvas & WebGPU rendering, accessible by default, with an LLM-ready data context. Thin wrapper over the framework-agnostic @michi-vz engine.
FC
MCP servers (10)
- 1Svelte MCP sveltejsThe official Svelte MCP server providing docs and autofixing tools for Svelte development89
- 2Server Basic Svelte modelcontextprotocolBasic MCP App Server example using Svelte83
- 3MCP Svelte Docs spences10MCP server for Svelte docs76
- 4Shadcn Svelte MCP Michael-Obele · Cloud and DevOpsshadcn-svelte documentation MCP server built with tmcp — runs on Node or Bun, deployable to Fly.io or Render76
- 5svelte-llm-mcp khromov · AI and LLM toolsAn MCP server that provides access to Svelte 5 and SvelteKit documentation66
- 6Svelte beany-vu · DesignSvelte charts - SVG, canvas & WebGPU rendering, accessible by default, with an LLM-ready data context. Thin wrapper over the framework-agnostic @michi-vz engine.64
- 7Svelte iconmind · DesignSvelte components for IconMind — 5,287 tree-shakeable icons for AI-era software (LLMs, agents, MCP, RAG).56
- 8Svelte MCP aderbey · Knowledge and memoryA SvelteKit library for building Model Context Protocol (MCP) servers with reactive Svelte widgets for ChatGPT.43
- 9Qrwc Svelte MCP avnickp · Knowledge and memoryA Model Context Protocol Server for Svelte Projects using Q-SYS QRWC41
- 10Svelte MCP gabriele.garlaschelli · AI and LLM toolsMCP server and agent skill for @likable-hair/svelte: component specs, themes, usage checks and the v4 to v5 migration25
- ADYour product hereThis row is seen by people browsing Svelte tools. Book it from $249 a month.See prices →
Skills (28)
- 1sveltekit-patterns spences10 · Sales and CRMSvelteKit patterns for devhub-crm. Use for remote functions (query, form, command), routing, and server-side logic.43
- 2svelte-persist stainless-code · E-commerceGate Svelte 5 runes UI on Persist hydration with hydratedRune (.current). Use for Svelte 5; for stores / Svelte 3–4 use svelte-store-persist.39
- 3svelte-deployment plurigrid · Cloud and DevOpsSvelte deployment guidance. Use for adapters, Vite config, pnpm setup, library authoring, PWA, or production builds.37
- 4svelte-components plurigridSvelte component patterns. Use for web components, component libraries (Bits UI, Ark UI, Melt UI), form patterns, or third-party integration.37
- 5svelte skeletorfletSvelte 5 runes ($state, $derived, $effect, $props), component props, event handling, logic blocks, stores, snippets, transitions, actions, and reactivity. Use when building Svelte components.35
- 6sveltekit skeletorflet · Documents and filesSvelteKit file-based routing (+page, +layout, +server, +error), load functions, form actions, hooks, auth patterns, adapters, endpoints, and progressive enhancement with use:enhance. Use when building SvelteKit full-stack applications.35
- 7svelte-state-classes xl0How to manage state in Svelte 532
- 8svelte ryan-nguyen-01Expert in Svelte and SvelteKit development with modern patterns and SSR32
- 9sveltekit-patterns alec-c4SvelteKit patterns — load functions, form actions, hooks. Load after stacks/sveltekit profile.29
- 10svelte-runes-pro aakash1552005Svelte 5 with Runes reactivity ($state, $derived, $effect), SvelteKit full-stack architecture, form actions, server load functions, and optimized bundle footprints.29
- 11svelte-components-patterns fractalmandala · Knowledge and memoryComponent architecture in Svelte 5 using snippets ({#snippet}, {@render}), event props (onclick), context menus, modal dialogs, dynamic component rendering, and clean prop interfaces.27
- 12sveltekit-remote-functions sandalsoft · Documents and filesSvelteKit remote functions guidance. Use for command(), query(), form() patterns in .remote.ts files.27
- 13crear-ruta-sveltekit Lenny004Crea una ruta pública de SvelteKit 2 con load function, form actions opcionales y componente Svelte 5 tipado. Usar cuando se agregue una página o flujo del sitio público.26
- 14sveltekit-tailwindcss-typescript-cursorrules-promp Tryboy869 · Developer toolsApply for sveltekit-tailwindcss-typescript-cursorrules-promp. --- description: Defines the required version numbers for Node.js, SvelteKit, TypeScript, Vite, and PNPM within the project. This rule ensures consistency across the project dependencies. globs: **/pa24
- 15sveltekit-restful-api-tailwind-css-cursorrules-pro Tryboy869 · DatabasesApply for sveltekit-restful-api-tailwind-css-cursorrules-pro. --- description: Defines the technology stack used in the Stojanovic-One project, including frontend, backend, database, UI styling, deployment, and authentication. This rule provides a clear understa24
- 16svelte-change steven-cuttingImplement or review a Svelte route or component change with accessibility, rendering, and port-boundary evidence.23
- 17svelte-core-bestpractices lucaswilliameufrasioUse when creating, editing, or reviewing Svelte 5 components, reactivity, event handling, and SSR state.23
- 18svelte-layerchart Master-MIASHS · Knowledge and memorySvelte LayerChart patterns. Use for chart components with tooltip snippets, Chart context access, and all Svelte 5 snippet patterns for tooltips, gradients, highlights, and axes.23
- 19error-tracking-svelte KipneticPostHog error tracking for Svelte23
- 20svelte-component-guideline tetracalibersSvelteコンポーネントの実装時に使用するガイドライン。19
- 21tauri-svelte-typescript David-Li0406 · Developer toolsUse this skill when developing desktop applications with Tauri, Svelte, and TypeScript to ensure adherence to coding standards and best practices.19
- 22svelte-mcp digi4care · AI and LLM toolsSvelte MCP server - AI-assisted Svelte development with documentation access, svelte-autofixer analysis, and playground links. Use specifically for MCP server features. For Svelte code use svelte skill. For SvelteKit use svelte-kit skill.18
- 23svelte-adapter RuzenieSvelte 项目适配器，提供模板、stores 与框架特定约束。17
- 24svelte-expert scrypsterBuild highly performant web apps with Svelte's compile-time reactivity and SvelteKit.17
- 25seo-and-meta-tags-in-sveltekit David-Li0406 · MarketingProvides SEO and Meta Tags guidelines in SvelteKit.17
- 26form-and-actions-in-sveltekit David-Li0406Describes Form and Actions implementations.17
- 27svelte-vite Zoimback · Developer toolsHabilidad especializada en desarrollo con Svelte 5 + Vite para crear Single Page Applications modernas con reactividad declarativa, bundling ultra-rapido y TypeScript integrado. Usala cuando necesites componentes reactivos, configuracion de Vite, patrones de stores, o arquitectura SPA.15
- 28svelte-component tsibogCreate Svelte 5 components using official MCP server workflow. Use when building any Svelte component, page, or UI element.8
Questions
Is there an official Svelte MCP server?
Check the publisher on each listing: servers published by Svelte itself are the official ones. The most used Svelte server here is Svelte MCP by sveltejs.
How do I connect Svelte to Claude?
Pick a server below, open its page and copy the install command for Claude Code, or the config block for Claude Desktop. Most Svelte servers need an API key or token from your Svelte account.