svelte5-mcp

概述

这个 MCP 服务器专为 Svelte 5 开发而设计，提供全面的知识库和工具集用于现代前端开发。它包含可搜索资源，涵盖 Svelte 5 概念、符文系统、代码示例和最佳实践。服务器实现了多个智能工具，用于搜索知识、查找代码模式、生成组件以及根据 Svelte 5 最佳实践审计代码。使用 SQLite 配合 FTS5 实现高效的搜索功能，帮助开发者快速找到相关信息并生成优化的 Svelte 5 代码。

试试问 AI

装完之后，这里有 5 个你可以让 AI 做的事：

• search_knowledge

  Find explanations and concepts in the Svelte 5 knowledge base

  试试:Explain how runes work in Svelte 5试试:What's the difference between $state and $derived?
• search_examples

  Discover code patterns and implementations in Svelte 5

  试试:Show me a counter component using $state试试:Find examples of using snippets in Svelte 5
• generate_with_context

  Create components using curated patterns and knowledge

  试试:Generate a todo list component with $state试试:Create an accessible button component using Svelte 5 patterns
• audit_with_rules

  Review code against Svelte 5 best practices

  试试:Audit this code for Svelte 5 optimization opportunities: '<script>let count = 0;</script><button on:click={() => count++}>{count}</button>'试试:Check if this code follows Svelte 5 best practices
• explain_concept

  Get detailed explanations of Svelte 5 concepts with examples

  试试:Explain the $effect rune in Svelte 5试试:What are snippets and how do they work?

可对比工具

安装

# 克隆并设置
git clone <repository-url>
cd svelte5-mcp-server

# 安装依赖
npm install

# 构建服务器
npm run build

# 启动服务器
npm start

{
  "mcpServers": {
    "svelte5": {
      "command": "node",
      "args": ["/path/to/svelte5-mcp-server/dist/index.js"],
      "env": {}
    }
  }
}

FAQ

这个服务器提供什么搜索功能？

服务器使用 SQLite 配合 FTS5 对知识库和代码示例进行全文搜索，支持分词、同义词扩展、结果高亮和相关性排序。

它可以帮助从 Svelte 4 迁移到 Svelte 5 吗？

是的，它包含迁移支持模式，用于将响应式语句($:)转换为符文，插槽(snippets)转换，以及事件分发器到回调属性的转换。

svelte5-mcp 对比