ai-tools
官方 Svelte MCP 服务器,用于扩展 AI 开发能力。
安装使用
复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:
帮我安装这个 AI Skill:ai-tools。 它的用途是:官方 Svelte MCP 服务器,用于扩展 AI 开发能力。 完整的 Skill 内容见:https://321skill.com/skills/ai-tools/raw/index.md 请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
“帮我检查当前 Svelte 项目的组件结构,并生成一个状态管理示例。”,它会通过集成的 MCP 工具读取你的项目文件,分析组件依赖,并生成符合 Svelte 响应式哲学的状态管理代码片段。或者,你可以说:“启动 MCP 检查器,我想看看服务器和客户端的通信数据。”,它会引导你运行本地命令并打开调试界面。
介绍
Svelte MCP 服务器是一个官方维护的 MCP(Model Context Protocol)服务实现,旨在为 AI 开发工作流提供 Svelte 生态的专用工具支持。它解决了开发者在构建 AI 应用时,需要将 Svelte 框架的特定能力(如组件状态管理、构建流程等)安全、标准化地暴露给 AI 助手(如 Claude)的问题,从而提升开发效率。
使用时,开发者需先通过 pnpm 安装依赖并配置环境变量(如 VOYAGE_API_KEY 以支持嵌入功能),然后启动本地开发服务器。项目提供了 MCP Inspector 和数据库管理工具(Drizzle Studio)用于本地调试和监控,方便开发者观察和测试 MCP 服务器的运行状态与数据交互。
该工具主要适合前端开发、全栈开发和智能体开发者,特别是那些深度使用 Svelte 框架并希望将 AI 助手深度集成到其开发、调试或内容生成流程中的技术人员。它可以帮助开发者通过 AI 更高效地管理 Svelte 项目、生成组件代码或查询项目上下文。
需要注意的是,当前版本为了优化部署环境(如 Vercel)下的日志表现,关闭了 SSE 长连接的部分功能,这意味着无法使用 server.log 或接收 list-changed 通知,但请求-响应式的功能(如 elicitation 和 sampling)仍可正常使用。开发者在本地调试时应充分利用提供的 Inspector 工具。
核心特点
这是 Svelte 官方团队维护的 MCP 服务器,与社区版或通用 MCP 工具相比,能更深度、更稳定地集成 Svelte 框架特有的开发工具和最佳实践,并提供官方的调试与监控套件(如集成的 MCP Inspector 和 Drizzle Studio)。
注意事项
由于关闭了 SSE 长连接以优化部署,不适合需要实时日志流或服务端主动推送通知的持续监控场景。
常见问题
如何本地调试 Svelte MCP 服务器?
运行 `pnpm run inspect` 后,在浏览器访问 http://localhost:6274/,选择 `Streamable HTTP` 传输类型并填入 http://localhost:5173/mcp 即可。
支持向量检索或嵌入功能吗?
支持,但需要自行设置 VOYAGE_API_KEY 环境变量来启用 embeddings 支持。
给 AI 助手的安装指引
如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:
请访问 https://321skill.com/skills/ai-tools/raw/index.md 读取 ai-tools 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址:/skills/ai-tools/raw/index.md(查看排版版本)