Svelte MCP

dev.svelte由 svelte.dev 發布官方發布者v0.1.30更新於 Nov 5, 2026

The official Svelte MCP server providing docs and autofixing tools for Svelte development

已驗證Streamable HTTP可網頁執行知識與記憶開發者工具

概覽

AI 產生的概覽

官方 Svelte MCP 伺服器,讓助理查詢 Svelte 5 與 SvelteKit 文件、取得程式碼修正建議並產生 Playground 連結。

可以做什麼
  • 列出並檢索 Svelte 5 與 SvelteKit 文件章節,可依標題或檔案路徑查找,並附上適用情境說明
  • 檢查 Svelte 元件或模組並回傳問題修正建議
  • 依程式碼片段產生 Svelte Playground 連結,方便使用者在瀏覽器中試用
適用情境
適合助理撰寫、審查或除錯 Svelte 5 與 SvelteKit 程式碼時使用,以便依據官方文件作答,並在交付程式碼前先做檢查。
執行需求
可作為遠端端點 mcp.svelte.dev 使用,也可透過 npx @sveltejs/mcp(需 Node.js)或安裝後在本機執行。未宣告任何驗證、環境變數或標頭。
安裝前請注意
伺服器指令要求助理在所有 Svelte 工作中使用它,並在修正後重複呼叫自動修正工具,這屬於建議而非必須遵守的規則。Playground 連結會把程式碼片段傳送到 Svelte 的 Playground 服務,請勿包含密鑰或私有程式碼。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Svelte MCP,將其新增到工作區。
  2. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/dev.svelte%2Fmcp/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。

{
  "mcpServers": {
    "svelte": {
      "type": "http",
      "url": "https://mcp.svelte.dev/mcp"
    }
  }
}

README

@sveltejs/mcp

The CLI version of the Svelte MCP.

You can run it directly with

bash
npx @sveltejs/mcp

or install it and then run it

bash
pnpm i @sveltejs/mcppnpm svelte-mcp

來源:packages/mcp-stdio/README.md,提交 a5a92c6

工具

4

get-documentation

Retrieves full documentation content for Svelte 5 or SvelteKit sections. Supports flexible search by title (e.g., "$state", "routing") or file path (e.g., "cli/overview"). Can accept a single section name or an array of sections. Before running this, make sure to analyze the users query, as well as the output from list-sections (which should be called first). Then ask for ALL relevant sections the user might require. For example, if the user asks to build anything interactive, you will need to f

Retrieves full documentation content for Svelte 5 or SvelteKit sections. Supports flexible search by title (e.g., "$state", "routing") or file path (e.g., "cli/overview"). Can accept a single section name or an array of sections. Before running this, make sure to analyze the users query, as well as the output from list-sections (which should be called first). Then ask for ALL relevant sections the user might require. For example, if the user asks to build anything interactive, you will need to fetch all relevant runes, and so on. Before calling this tool, try to implement Svelte components using your own knowledge and the `svelte-autofixer` tool, since calling this tool is token intensive.

輸入參數section必填

list-sections

Lists all available Svelte 5 and SvelteKit documentation sections in a structured format. Each section includes a "use_cases" field that describes WHEN this documentation would be useful. You should carefully analyze the use_cases field to determine which sections are relevant for the user's query. The use_cases contain comma-separated keywords describing project types (e.g., "e-commerce", "blog"), features (e.g., "authentication", "forms"), components (e.g., "slider", "modal"), development stag

Lists all available Svelte 5 and SvelteKit documentation sections in a structured format. Each section includes a "use_cases" field that describes WHEN this documentation would be useful. You should carefully analyze the use_cases field to determine which sections are relevant for the user's query. The use_cases contain comma-separated keywords describing project types (e.g., "e-commerce", "blog"), features (e.g., "authentication", "forms"), components (e.g., "slider", "modal"), development stages (e.g., "deployment", "testing"), or "always" for fundamental concepts. Match these use_cases against the user's intent - for example, if building an e-commerce site, fetch sections with use_cases containing "e-commerce", "product listings", "shopping cart", etc. If building a slider, look for "slider", "carousel", "animation", etc. Returns sections as "* title: [section_title], use_cases: [use_cases], path: [file_path]". Always run list-sections FIRST for any Svelte query, then analyze ALL use_cases to identify relevant sections, and finally use get-documentation to fetch ALL relevant sections at once.

無需輸入參數。

svelte-autofixer

Svelte Autofixer

Given a svelte component or module returns a list of suggestions to fix any issues it has. This tool MUST be used whenever the user is asking to write svelte code before sending the code back to the user

輸入參數code必填asyncfilenamedesired_svelte_version必填

版本歷史

4
  1. v0.1.30最新Nov 4, 2026
  2. v0.1.28Oct 26, 2026
  3. v0.1.27Oct 19, 2026
  4. v0.1.26Sep 16, 2026

評分

已滿足適用檢查項的 90%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分

    請在註冊中心條目中宣告憑證請求標頭,或保持端點能夠回應探測,以便判定其認證方式。

  • 已列出工具15 分
  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分