关于 svelte-code-writer
用于创建、编辑、审查和调试 Svelte 文件的工作流技能，结合 Svelte 最佳实践参考、文档查询与文件验证。
主要功能
- 01加载 Svelte 5 基础规范
- 02按需选用本地技能
- 03查询官方文档
- 04验证已修改的 Svelte 文件
- 05使用 Svelte CLI 分析工具
适用场景
- 01创建或编辑 Svelte 组件
- 02核对不确定的 Svelte 语法
- 03审查或调试 Svelte 文件
- 04验证已修改的 Svelte 源码
MCP 相关
该工作流介绍使用 `@sveltejs/mcp` 的 Svelte CLI 工具，用于列出文档章节、获取文档和分析 Svelte 文件。
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/svelte-code-writer确认已加载。
详细介绍
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文件运行验证。 - **最后验证日期：**2026-05-14
评论
支持 Markdown