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?
Provides enhanced documentation, type signatures, examples, version migration guides, and error diagnosis for Svelte packages.
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.850 npm128MITWhy this server?
Generates Svelte integration code for Rive animations, including artboard, state machine, and input names.
AlicenseAqualityAmaintenanceEnables creating, editing, inspecting, rendering, and live-previewing Rive (.riv) animations directly from Claude without needing the Rive editor or cloud subscription, including building .riv files from scratch and a local web studio for human-AI collaboration.432402 npm17-Why this server?
Generates UI components and applications for Svelte with Tailwind CSS.

@forgespace/ui-mcpofficial
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.3869 npm2MITWhy 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 Hugeicons52,051 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.1600 npm588MITWhy this server?
Includes a sample SvelteKit MCP Client for text-to-speech conversion, multi-part script management, and audio file playback and downloads.
AlicenseAqualityDmaintenanceIntegrates with ElevenLabs text-to-speech API.6119MITWhy 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.1600 npm29MITWhy 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.1011MIT