内容
# Svelte MCP 能力
Svelte MCP 服务器能力，为 Kiro 提供服务，提供最新的文档、代码分析和游乐场集成，以便在 AI 辅助下构建更好的 Svelte 应用程序。
## 这是什么？
这是一个 Kiro 能力，将官方 Svelte MCP 服务器集成到您的开发工作流中。它使 AI 助手能够：
- 直接从 svelte.dev 获取最新的 Svelte 文档
- 分析 Svelte 代码并提供最佳实践建议
- 生成游乐场链接以进行快速测试
- 跟上 Svelte 5 功能和模式
## 安装
### 通过 Kiro 能力 UI（推荐）
1. 打开 Kiro
2. 打开能力面板（命令调色板 → “能力：打开面板”）
3. 点击“添加自定义能力”
4. 选择以下选项之一：
- **GitHub URL**：`https://github.com/coreyx/svelte-mcp-power`
- **本地目录**：指向 `svelte-mcp-power` 目录
### 手动安装
克隆此存储库，并通过本地目录添加能力：
```bash
git clone https://github.com/coreyx/svelte-mcp-power.git
cd svelte-mcp-power
```
然后在 Kiro 中：
1. 打开能力面板
2. 点击“添加自定义能力”
3. 选择“本地目录”
4. 提供到 `svelte-mcp-power` 的完整路径
## 包含的内容
### MCP 服务器配置
该能力在安装时会自动配置 Svelte MCP 服务器（`@sveltejs/mcp`）。无需手动设置 MCP！
### 文档
全面文档涵盖：
- ** onboarding**：安装和验证
- **工作流**：4 个完整的工作流，用于常见任务
- **工具参考**：所有 4 个 MCP 工具的详细文档
- **故障排除**：常见问题的解决方案
- **最佳实践**：有效使用的指南
### 可用工具
安装后，您将可以访问这些 MCP 工具：
- **list-sections**：浏览可用的 Svelte 文档部分
- **get-documentation**：获取完整的文档内容
- **svelte-autofixer**：分析代码并获取改进建议
- **playground-link**：生成可共享的 Svelte 游乐场链接
## 用法
安装后，只需在与 Kiro 的对话中提及 Svelte 相关主题，该能力将自动激活。AI 助手将使用 MCP 工具：
1. 获取相关的 Svelte 文档
2. 生成具有最佳实践的 Svelte 5 代码
3. 分析并修复代码问题
4. 为测试创建游乐场链接
### 示例请求
- “使用 Svelte 5 符号创建一个计数器组件”
- “展示如何在 Svelte 5 中使用 $derived”
- “分析此 Svelte 组件并建议改进”
- “为此代码生成游乐场链接”
## 要求
- Kiro IDE
- Node.js 16+（用于 npx）
- 互联网连接（用于获取文档）
## 关于 Svelte MCP
此能力封装了由 Svelte 团队维护的官方 Svelte MCP 服务器。服务器提供对 Svelte 文档和代码分析工具的实时访问。
- **官方存储库**：https://github.com/sveltejs/mcp
- **文档**：https://svelte.dev/docs/mcp
- **npm 包**：https://www.npmjs.com/package/@sveltejs/mcp
## 贡献
欢迎贡献！请随意提交问题或拉取请求。
## 许可证
此能力文档按原样提供。Svelte MCP 服务器本身由 Svelte 团队在其许可条款下维护。
## 作者
由 coreyx 创建
---
**关键词**：svelte, svelte5, 文档, 代码分析, 游乐场
