Svelte MCP Server
SvelteフレームワークのコードをClaudeが生成・分析・最適化できる
最終更新：2026年3月26日
クイックインストール
npx @sveltejs/mcp概要
Svelte MCP Serverは、JavaScriptフレームワーク「Svelte」の開発をClaudeから支援するMCPサーバー。
Svelteコンポーネントの生成・既存コードの分析・パフォーマンス最適化・SvelteKit設定の管理をAIアシスタントで行える。
Svelteの公式ドキュメントやベストプラクティスをClaudeが参照しながらコードを生成するため、高品質なSvelteアプリケーションの開発速度が向上する。
初心者から上級者まで、Svelte開発全体をAIでサポートできる。
料金・APIキー情報
APIキー
🔓 不要✅このMCPはAPIキー不要です。別途セットアップが必要な場合があります（上記参照）。
こんな使い方ができます
SvelteコンポーネントをClaudeが自動生成してフロントエンド開発を加速できる
既存のSvelteコードをClaudeが分析してバグやパフォーマンス問題を検出できる
SvelteKitのルーティング・ロード関数の実装をClaudeが提案・生成できる
ReactからSvelteへのコード移植をClaudeが自動変換して工数を削減できる
セットアップ手順
- 1
Node.jsがインストールされていることを確認する（v16以上推奨）
- 2
APIキーは不要
- 3
ターミナルで以下のコマンドを実行してClaude Codeに追加する：claude mcp add svelte -- npx -y @sveltejs/mcp
設定ファイル
⚠️
コピー前に確認
APIキー不要。Node.js環境が必要。
Terminal
claude mcp add svelte -- npx -y @sveltejs/mcp#フロントエンド#JavaScript#コンポーネント