用途:该技能面向 Svelte 与 SvelteKit 开发,用于编写和审查组件、状态管理与路由相关代码,提供统一的编码规范与反模式清单。
主要能力:要求新代码使用 Svelte 5 而非 Svelte 4,用 runes($state、$derived、$effect)控制响应式,替代 $: 响应式声明;将事件处理器视为属性;用 snippets 与 render 标签创建可复用标记片段以减少重复。SvelteKit 方面要求使用文件式路由与 load 函数获取数据,遵循 +page.svelte、+layout.svelte 约定,并为可能失败的每个路由组实现 +error.svelte 错误边界。
代码风格:使用简洁的 TypeScript 或 JavaScript,采用函数式与声明式模式,避免不必要的类(状态机除外);优先迭代与模块化;文件结构按组件逻辑、标记、样式、辅助函数、类型组织;组件文件用小写连字符命名(如 components/auth-form.svelte),导入与使用时用 PascalCase,变量、函数与 props 用 camelCase。
可访问性:要求语义化 HTML、必要的 ARIA 属性、键盘导航支持,并可用 bind:this 以编程方式管理焦点。
限制与注意:明确禁止在新代码中使用 Svelte 4 的 $: 响应式声明,禁止用 stores 管理组件本地状态,禁止忽略 SvelteKit 路由约定,禁止缺少 +error.svelte 处理,禁止跳过可访问性语义。资料还提到一个记忆协议,要求在开始前读取 .claude/context/memory/learnings.md,完成后记录新发现的模式或例外,并假设上下文可能重置。官方文档参考 https://svelte.dev/docs。具体安装命令与收费信息暂未提供。