SuperAPI AI 工具集

svelte-code-writer

前端与建站

查看项目

更新于 10-15 20:34

技能介绍

用途:在创建、编辑或分析任何 Svelte 组件(.svelte)或 Svelte 相关代码时,通过 npx 调用 @sveltejs/mcp CLI 获取 Svelte 5 专属辅助。

主要能力:

  1. 列出文档章节:npx @sveltejs/mcp list-sections,列出所有可用的 Svelte 5 与 SvelteKit 文档章节及标题和路径。
  2. 获取文档:npx @sveltejs/mcp get-documentation "<section1>,<section2>,...",在 list-sections 之后按需拉取指定章节的完整文档,例如 npx @sveltejs/mcp get-documentation "$state,$derived,$effect"。
  3. Svelte 自动修复分析:npx @sveltejs/mcp svelte-autofixer "<code_or_path>" [options],分析 Svelte 代码并针对常见问题给出修复建议。选项包括 --async 启用异步 Svelte 模式(默认 false),--svelte-version 指定目标版本 4 或 5(默认 5)。可分析内联代码或文件,例如 npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte,或指定 Svelte 4:npx @sveltejs/mcp svelte-autofixer ./Component.svelte --svelte-version 4。

使用方式与工作流:语法不确定时先运行 list-sections,再对相关主题运行 get-documentation;审查或调试时对代码运行 svelte-autofixer 以发现问题;在最终确定任何 Svelte 组件前始终运行 svelte-autofixer 进行验证。

限制与注意:通过终端传入含 runes($state、$derived 等)的代码时,需将 $ 转义为 $,以防 shell 变量替换。其余安装、收费、平台等信息暂未提供。