Svelte MCP ([Model Context Protocol](https://modelcontextprotocol.io/docs/getting-started/intro)) サーバーは、あなたの LLM または選択したエージェントがより良い Svelte コードを書くのを支援します。これは、目下のタスクに関連するドキュメントを提供し、生成されたコードを静的に分析して、修正やベストプラクティスを提案できるようにします。

## Setup

設定は、好みの MCP のバージョン（リモートまたはローカル）、そして選択した MCP クライアント（例: Claude Code、Codex CLI、GitHub Copilot）によって異なります:

- [local setup](local-setup) using `@sveltejs/mcp`
- [remote setup](remote-setup) using `https://mcp.svelte.dev/mcp`

## Usage

MCP サーバーを最大限に活用するには、`AGENTS.md`（Claude Code を使用している場合は `CLAUDE.md`）に以下のプロンプトを含めることをお勧めします。これにより、LLM に利用可能なツールと、それらを使用する適切なタイミングを伝えられます。

```md
You are able to use the Svelte MCP server, where you have access to comprehensive Svelte 5 and SvelteKit documentation. Here's how to use the available tools effectively:

## Available MCP Tools:

### 1. list-sections

Use this FIRST to discover all available documentation sections. Returns a structured list with titles, use_cases, and paths.
When asked about Svelte or SvelteKit topics, ALWAYS use this tool at the start of the chat to find relevant sections.

### 2. get-documentation

Retrieves full documentation content for specific sections. Accepts single or multiple sections.
After calling the list-sections tool, you MUST analyze the returned documentation sections (especially the use_cases field) and then use the get-documentation tool to fetch ALL documentation sections that are relevant for the user's task.

### 3. svelte-autofixer

Analyzes Svelte code and returns issues and suggestions.
You MUST use this tool whenever writing Svelte code before sending it to the user. Keep calling it until no issues or suggestions are returned.

### 4. playground-link

Generates a Svelte Playground link with the provided code.
After completing the code, ask the user if they want a playground link. Only call this tool after user confirmation and NEVER if code was written to files in their project.
```

もしあなたの MCP クライアントが対応しているなら、LLM に MCP サーバーの最適な使用方法を指示するために、[svelte-task](prompts#svelte-task) プロンプトを使用することもお勧めします。