SuperAPI AI 工具集

svelte-code-writer

前端与建站

查看项目

更新于 10-16 01:57

技能介绍

Svelte Code Writer 是一个专注于 Svelte 文件编写与校验的工作流技能,适用于创建、编辑、审查或调试 .svelte、.svelte.ts 或 .svelte.js 文件。

用途 在涉及 Svelte 代码的日常开发任务中,该工作流提供一套可重复执行的步骤,帮助开发者按规范完成代码编写、修改、审查与问题排查,并在最终提交前验证改动的 Svelte 文件。

主要能力

  • 加载 svelte-core-bestpractices 作为 Svelte 5 的基线规则。
  • 按需加载更深层的本地技能:svelte-runes、svelte-template-directives、svelte-styling、sveltekit-data-flow 或 sveltekit-structure。
  • 当语法或行为不确定时,检查相关官方文档。
  • 在定稿前校验已更改的 Svelte 文件。

使用方式 官方 Svelte CLI 辅助命令包括:

列出文档章节: npx @sveltejs/mcp list-sections

获取相关文档章节: npx @sveltejs/mcp get-documentation "$state,$derived,$effect"

分析某个 Svelte 文件: npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte

如果项目使用异步 Svelte 特性,追加 --async: npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte --async

注意事项

  • 优先查阅文档确认精确语法,而不是猜测。
  • 通过 shell 传递内联 rune 代码时,需转义 $。
  • 在可行的情况下,对每个更改过的 .svelte、.svelte.ts 和 .svelte.js 文件运行校验。

适用场景 适合需要在 Svelte 5 与 SvelteKit 项目中进行组件编写、代码审查、问题调试及改动校验的开发工作。

限制 该技能的具体收录来源、平台与收费信息暂未提供。