mcp

Svelte官方推出的MCP服务器,用于扩展AI开发能力。

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:mcp。
它的用途是:Svelte官方推出的MCP服务器,用于扩展AI开发能力。
完整的 Skill 内容见:https://321skill.com/skills/mcp-sveltejs/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我启动Svelte MCP服务器并检查数据库连接。”,它会引导你完成环境配置并运行`pnpm dev`启动服务,然后你可以使用内置的数据库检查器来验证数据状态。或者,在开发智能体时,你可以说:“为我的AI助手添加一个查询项目数据库的工具。”,通过配置此MCP服务器,你可以轻松将数据库操作能力暴露给AI模型使用。

介绍

Svelte MCP服务器是一个官方维护的工具,旨在为AI开发者和应用构建者提供标准化的工具集成能力。它解决了在开发AI应用时,需要连接和管理多种外部工具(如数据库、API服务)的复杂性问题,通过Model Context Protocol (MCP) 提供统一的接口。

使用时,开发者首先克隆仓库并安装依赖,配置好必要的环境变量(如VOYAGE_API_KEY以支持嵌入功能),即可启动本地开发服务器。项目提供了MCP检查器和数据库检查器等本地开发工具,方便调试和查看数据状态。

这个Skill非常适合正在构建基于Claude等AI模型的应用程序,并希望集成自定义工具或数据源的全栈开发者和智能体开发者。它尤其适合那些使用Svelte技术栈或希望遵循官方最佳实践的团队。

需要注意的是,当前版本为了优化在Vercel等无服务器环境下的运行,会立即关闭SSE通道,这导致无法使用server.log功能,也不会发送list-changed通知。不过,这并不影响通过同一POST请求流进行的启发和采样功能。

核心特点

这是Svelte框架官方团队维护的MCP服务器实现,确保了与Svelte生态的最佳兼容性和代码质量;它提供了开箱即用的开发工具链(如MCP检查器和Drizzle数据库管理界面),极大简化了调试和集成工作。

注意事项

由于当前实现会立即关闭SSE通道,因此不适合需要实时日志流或依赖`list-changed`通知进行动态更新的场景。

常见问题

如何开始本地开发调试?

运行`pnpm run inspect`启动MCP检查器,然后在浏览器中访问http://localhost:6274/,选择`Streamable HTTP`传输类型并填入http://localhost:5173/mcp即可连接调试。

如何查看和操作数据库?

运行`pnpm run db:studio`,即可在浏览器中打开https://local.drizzle.studio/来可视化管理项目数据库。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/mcp-sveltejs/raw/index.md 读取 mcp 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。