Claude Code的Svelte 5开发技巧
全面的技能 克劳德代码 为Svelte 5和SvelteKit开发提供专家指导。此技能取代了对Svelte MCP服务器的需求，每次请求可节省约3.3k令牌，同时提供您所需的所有基本知识。
为什么要使用这个技能？
- 代币高效：仅在使用Svelte代码时按需加载，而MCP工具在每次请求时加载
- 全面覆盖：Svelte 5的所有基本符文、图案和SvelteKit功能
- 内置最佳实践：涵盖了常见的陷阱以及何时使用哪种方法
- 现实世界模式：包括SSE、远程功能、表单操作等
- 类型安全：涵盖TypeScript模式和
$types用法
覆盖范围
Svelte 5符文
- $州 -具有深度反应性的反应状态
- $衍生 -计算值（替换反应值
$:) - $影响 -副作用和生命周期
- $道具 -使用TypeScript的组件道具
- $可绑定 -双向绑定
常见模式和陷阱
- 何时使用
$derived对比$effect - 具有远程功能的导航（使用
goto()) - 异步操作和表单初始化
- 使用片段进行组件组合
- 正确的道具处理和变异规则
SvelteKit功能
- 基于文件的路由和动态路由
- 加载数据（通用与服务器加载功能）
- 形成行动和渐进式增强
- 服务器发送事件的实时更新
- 环境变量（公共与私有）
最佳实践
- 效果与衍生决策
- 服务器与客户端负载功能
- 何时使用
$bindablevs回调 - 响应式状态管理模式
安装
选项1：直接复制（推荐）
- 创建技能目录：
mkdir -p .claude/skills/svelte5-development- 下载技能档案：
curl -o .claude/skills/svelte5-development/SKILL.md \
https://raw.githubusercontent.com/splinesreticulating/claude-svelte5-skill/main/SKILL.md- （可选）禁用Svelte MCP服务器以保存令牌：
# In Claude Code
/mcp
# Then disable the 'svelte' server选项2:Git克隆
# Clone into your project's .claude/skills directory
cd your-project
git clone https://github.com/splinesreticulating/claude-svelte5-skill \
.claude/skills/svelte5-development用法
安装后，当您处理Svelte文件或讨论Svelte/SvelteKit主题时，Claude Code将自动使用此技能。您还可以显式调用它：
/svelte5-development交互示例
询问符文：
“我什么时候应该使用$derived和$effect？”
获取组件帮助：
“如何在SvelteKit中创建具有渐进增强功能的表单？”
导航模式：
“启用远程功能后，我的链接无法工作”
实时功能：
“如何在SvelteKit中实现服务器发送事件？”
代币节省
通过使用此技能而不是Svelte MCP服务器：
- MCP服务器：每个请求加载约3.3k个令牌
- 此技能：~0个令牌，直到需要为止，然后只加载相关指导
- 储蓄：非Svelte工作的代币使用量大幅减少
何时重新启用MCP服务器
此技能涵盖了95%的常见Svelte 5和SvelteKit开发需求。您可能需要临时重新启用Svelte MCP服务器：
- 非常具体的API文档查找
- 高级适配器配置
- 复杂的钩子实现
- 遗留代码迁移指南
兼容性
- 斯维尔特：5.x（最多包含5.42个功能）
- SvelteKit 的：2.x（包括2.16+功能，如
PageProps) - 克劳德代码：所有版本都有技能支持
更新
Svelte 5正在积极发展。此技能上次更新时间： 2025年11月
近期值得注意的功能包括：
- Svelte 5.25：直接覆盖
$derived价值观 - 第5.36节：实验
await支持 - 第5.42节：
fork()API预压 - SvelteKit 2.16:
PageProps和LayoutProps类型
贡献
找到一个应该包含的模式？有什么建议吗？请打开一个问题或PR！
鸣谢
通过从官方网站提取和组织内容创建 Svelte文档 和 SvelteKit文档.
许可证
MIT许可证-请参阅 许可证 了解详情。
相关技能
- 前端设计 -创建独特的生产级UI
______________________________________________________________________
备注：这是为Claude Code创建的社区技能。它不是由Svelte或Anthropic团队正式维护的。