Best Svelte MCP Servers
Svelte is a free and open-source front-end JavaScript framework for building user interfaces and web applications. It emphasizes a compile-time approach that shifts work from the browser to the build step, resulting in highly optimized vanilla JavaScript.
Why this server?
Generates UI components and applications for Svelte with Tailwind CSS.
AlicenseBqualityFmaintenanceEnables AI-driven generation of UI components, full applications, and backend code across multiple frameworks (React, Vue, Angular, Svelte, HTML) with Figma integration and brand identity support.3874 npm2MITWhy this server?
Provides enhanced documentation, type signatures, examples, version migration guides, and error diagnosis for Svelte packages.

Augments MCP Serverofficial
AlicenseAqualityDmaintenanceA next-generation framework documentation provider for Claude Code via Model Context Protocol (MCP). Returns types + prose + examples with context-aware formatting for any npm package — not just curated ones.830 npm128MITWhy this server?
Provides guidance for understanding and implementing Svelte 5 features, particularly its universal reactivity system, through recommended tools and sequential problem-solving steps.
AlicenseAqualityDmaintenanceGuides problem-solving by breaking down complex problems into steps and recommending appropriate MCP tools for each stage, with confidence scores and rationales for tool suggestions.1456 npm29MITWhy this server?
Supplies integration guide for using Hugeicons in Svelte projects, with installation instructions and usage examples specific to the Svelte framework.
AlicenseAqualityFmaintenanceMCP server for Hugeicons integration and documentation This is a TypeScript-based MCP server that provides tools and resources for integrating Hugeicons into various platforms. It implements a Model Context Protocol (MCP) server that helps AI assistants provide accurate guidance for using Hugeicons5970 npm26MITWhy this server?
Generates Svelte component scaffolds with integrated Optics design tokens and proper styling implementations.
AlicenseBqualityCmaintenanceEnables LLMs to work with the Optics Design System, providing access to 83 design tokens (HSL-based colors, spacing, typography), 24 components with dependencies, and tools for theme generation, accessibility checking, and code scaffolding.1513 npm1MITWhy this server?
The server provides examples of how it can be used to gather information about Svelte 5's universal reactivity as part of its problem-solving approach
AlicenseAqualityAmaintenanceAn adaptation of the MCP Sequential Thinking Server designed to guide tool usage in problem-solving. This server helps break down complex problems into manageable steps and provides recommendations for which MCP tools would be most effective at each stage.1456 npm587MITWhy this server?
Includes a sample SvelteKit MCP Client for text-to-speech conversion, multi-part script management, and audio file playback and downloads.
AlicenseAqualityFmaintenanceIntegrates with ElevenLabs text-to-speech API.6118MITWhy this server?
Allows generating Tailwind components in Svelte and supports cross-framework component conversion
AlicenseBqualityDmaintenanceAdvanced Model Context Protocol server that integrates Gemini AI with Tailwind CSS, providing intelligent component generation, class optimization, and cross-platform design assistance across major development environments.1011MITWhy this server?
Enables creation of UI components and blocks tailored for Svelte framework projects