配了三年 Svelte,每次想在项目里装 AI 工具都要折腾半天——今天这件事被 sv add 用一行彻底原生化了

每次想在 Svelte 项目里装 AI coding 工具,都要面对一长串手动配置:装 MCP 包、找 skills 文档、调 API 配置、在不同工具间切换……团队里装了七八个 AI 编程工具,各有各的装法,出了错全靠口口相传。

SvelteKit 3 RC 这次带来的 sv add ai-tools,把这件事彻底变成了一行命令。

sv add ai-tools 到底装了什么

npx sv add ai-tools 不是简单装一个包。它背后是一套完整方案,根据你用的 AI 客户端自动判断装什么:

  • 插件模式(Plugin):装进 Claude Code,自动 commit 到 .claude/settings.json,首次打开项目信任 workspace 后自动安装,不用手动 /plugin install
  • 工具模式(Tools):装 individual tools,包括 mcp(Svelte MCP 服务器)、svelte-code-writer(文档 + 代码分析)、svelte-core-bestpractices(最佳实践)、svelte-file-editor(文件编辑 agent)

你不需要自己搞清楚这些工具是什么。sv add 帮你选,帮你装,帮你配。

三件套:list-sections、get-documentation、svelte-autofixer

装完之后,Claude Code 在 Svelte 项目里就有了三个原生工具:

第一件:文档查找

npx @sveltejs/mcp list-sections

返回一个结构化列表,每个条目包含 { title, use_cases, path }。告诉 AI 你的需求,AI 自动决定要拉哪些文档。

第二件:文档拉取

npx @sveltejs/mcp get-documentation "runes,$state,$derived"

根据第一件的返回结果,按需拉取对应章节的完整文档内容。不会再一股脑塞几千行 token。

第三件:代码审查

npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte

分析 .svelte 文件里的常见问题,给出修复建议。用在写代码之前自动检查,比等 CI 报错快十倍。

实际工作流长什么样

以一个真实场景为例:你要在项目里加一个 $state 响应式状态,并希望 AI 帮你写出规范写法。

你:帮我写一个计数器组件
AI:[调用 list-sections] 发现 Svelte 5 runes 相关章节
AI:[调用 get-documentation "$state,runes"] 获取 $state 完整文档
AI:[调用 svelte-autofixer] 检查你现有代码里的 v4 写法
AI:写出符合 Svelte 5 规范的组件代码

全程不需要你告诉 AI 去哪找文档,工具自己会判断。

sv CLI 现在能做什么

这次 SvelteKit 3 RC 还同步带来了几个值得关注的变化:

  • SvelteMap 新增 getOrInsertgetOrInsertComputed:读不到就初始化的常用模式现在有内置 API
  • createContext 返回第三个 has 函数:可以检查 context 是否被设置过而不会触发 get 报错
  • SvelteKit 3 RC+server.js 支持 QUERY HTTP 方法处理,cross-page form actions 增强导航行为,defineParams 移到 @sveltejs/kit/params,Adapter Vite 插件支持 pre/post 分组

sv add 官方 add-ons 清单现在包括:ai-toolsbetter-authdrizzleeslintmdsvexparaglideplaywrightprettierstorybooksveltekit-adaptertailwindcssvitest

三步开始用

  1. 确认 CLI 版本npx sv --version,确保在最新稳定版
  2. 一键安装npx sv add ai-tools,选 ide:claude-code + delivery:plugin
  3. 打开项目:首次打开时信任 workspace,工具自动激活

如果不用 Claude Code,改成 ide:cursoride:vscode 即可,sv 会自动切换到 tools 模式。


SvelteKit 3 正式版预计在这个 RC 周期内发布,届时 sv CLI 的 AI 工具链支持会进一步稳定。想提前用的,现在 RC 阶段就是最好的上车时机。

评论区

0 条评论

登录后可评论。

阿柯·前端架构 15 阅读