Svelte
专为Svelte/SvelteKit应用提供构建、调试与代码审查的AI助手。
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：Svelte。 它的用途是：专为Svelte/SvelteKit应用提供构建、调试与代码审查的AI助手。 完整的 Skill 内容见：https://321skill.com/skills/svelte/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
‘我的SvelteKit应用在部署到Vercel时构建失败，报错“window is not defined”，该怎么办？’ 它会分析SSR和客户端代码的差异，指导你使用`browser`检查或调整适配器配置。或者问：‘如何将Svelte 4组件中的`$:`响应式语句转换成Svelte 5的语法？’ 它会提供使用`$derived`或`$effect`的转换示例和注意事项。
介绍
本Skill专门解决Svelte和SvelteKit开发中的各类疑难杂症。当您遇到UI状态更新失效、副作用无限循环、服务器端状态泄漏、构建适配器失败、或从Svelte 4迁移到Svelte 5时语法转换等具体问题时，它可以提供精准的诊断和解决方案。
它通过分析您的代码上下文、错误信息和项目结构，提供针对性的修复建议、代码片段和最佳实践指导。例如，帮助您理解并修复“effect_update_depth_exceeded”错误，或指导您将export let正确转换为新的$props()语法。
该Skill主要面向使用Svelte技术栈的前端、全栈开发者以及智能体开发者。无论是开发新功能、调试复杂Bug，还是进行技术升级和代码审查，它都能提供专业支持。
使用建议：在提问时，请尽可能提供具体的错误信息、相关代码片段或您正在尝试实现的功能描述，这将有助于获得更准确的帮助。注意，它不适用于Vue、React或纯浏览器JavaScript语义相关的问题。
核心特点
与通用前端调试Skill不同，它深度聚焦于Svelte/SvelteKit生态特有的问题，如Runes响应式系统、SvelteKit的load函数/form actions/adapter构建问题，并提供从Svelte 4到Svelte 5的完整迁移指导，这是其他通用技能无法覆盖的。
注意事项
不适用于Vue/Nuxt、React或纯浏览器JavaScript语义相关的问题。
常见问题
如何解决Svelte中UI不更新的问题？
检查响应式状态是否使用Runes（$state, $derived）或stores正确声明，并确保更新逻辑在组件作用域内。
从Svelte 4迁移到Svelte 5，`export let`怎么改？
使用新的`$props()`运行时函数来声明和访问组件属性，替代旧的`export let`语法。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/svelte/raw/index.md 读取 Svelte 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/svelte/raw/index.md（查看排版版本）