claude-svelte5-skill
专为Svelte 5和SvelteKit开发提供专家指导的Claude技能
安装使用
复制下面这段提示词发给你的 AI（Claude / Cursor / TRAE / Codex / WorkBuddy 等），它会自动帮你完成安装：
帮我安装这个 AI Skill：claude-svelte5-skill。 它的用途是：专为Svelte 5和SvelteKit开发提供专家指导的Claude技能 完整的 Skill 内容见：https://321skill.com/skills/claude-svelte5-skill/raw/index.md 请读取该页面内容，如果是 SKILL.md 格式直接安装，如果是 README 提炼核心 prompt 后安装。
提示词包含完整的 Skill 内容链接，AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。
使用示例
'我的Svelte组件里，什么时候应该用$derived，什么时候用$effect？'，它会详细解释两者的核心区别、适用场景，并给出具体的代码示例来帮助你做出正确选择。或者，当你问'如何在SvelteKit里实现一个支持渐进增强的表单？'，它会提供从服务端Action定义到客户端表单处理的完整模式代码。
介绍
这个Skill旨在解决开发者在学习和使用Svelte 5及SvelteKit框架时，需要频繁查阅官方文档或依赖MCP工具导致的上下文冗长和Token消耗高的问题。它通过一个本地化的技能文件，在Claude Code中按需提供精准的开发指导。
使用时，只需将技能文件下载或克隆到项目的.claude/skills目录下，Claude Code在检测到Svelte相关文件或话题时会自动调用。开发者也可以通过输入特定指令（如/svelte5-development）来主动寻求帮助，获取关于Runes、SvelteKit特性、最佳实践等问题的解答。
它非常适合正在或计划使用Svelte 5进行项目开发的前端或全栈开发者，尤其是那些希望提升开发效率、减少Token开销，并快速掌握Svelte 5新特性的用户。对于从Svelte 4迁移或刚接触SvelteKit的开发者，本技能也能提供关键的路径指引。
建议在安装此技能后，可以禁用原有的Svelte MCP服务器以最大化节省Token。但请注意，该技能主要覆盖常见开发场景，对于非常前沿或极其特殊的API需求，可能仍需临时启用MCP服务器或查阅官方文档进行补充。
核心特点
相比通用的Svelte MCP服务器，此技能仅在处理Svelte代码时按需加载，每次请求可节省约3300个Token；同时，它深度整合了Svelte 5的最新特性（如Runes）和SvelteKit 2.x的最佳实践，内容更聚焦于实际开发痛点。
注意事项
不适合需要查询极其冷门API细节、进行复杂适配器配置或处理遗留Svelte 4代码迁移等深度定制化场景。
常见问题
这个技能和Svelte MCP服务器有什么区别？
主要区别是Token效率：MCP服务器每次对话都加载，消耗约3.3k Token；此技能仅在需要时加载，大幅节省Token。
如何安装这个技能？
推荐使用curl命令下载SKILL.md文件到项目的.claude/skills/svelte5-development目录下即可。
给 AI 助手的安装指引
如果你的 AI 编程助手（Claude Code、Cursor、TRAE 等）能看到这个页面，把下面这段发给它即可自动完成安装：
请访问 https://321skill.com/skills/claude-svelte5-skill/raw/index.md 读取 claude-svelte5-skill 的原始 Skill 定义（Markdown 格式），按其中说明在我的环境里完成安装和配置。
AI 可直接读取的原始 Markdown 地址：/skills/claude-svelte5-skill/raw/index.md（查看排版版本）