用途:该技能为 Svelte 5 的 runes 提供指导,帮助在实现响应式、管理组件状态与副作用时选择合适的 rune。
主要能力:覆盖 $props()(props)、$bindable()(可绑定)、$derived()(计算值)、$effect()(副作用)、$state()(状态)以及 attachments(@attach 替代 use: actions)。附带参考文件:reactivity-patterns.md(各 rune 使用时机)、migration-gotchas.md(Svelte 4→5 迁移)、component-api.md($props、$bindable 模式)、snippets-vs-slots.md(snippet 语法)、common-mistakes.md(反模式与修复)、attachments.md。
关键规则:runes 只能位于顶层;$derived 可被覆盖(用 const 表示只读);不要混用 Svelte 4/5 语法;对象/数组默认深度响应式。示例:let count = $state(0); const doubled = $derived(count * 2); $effect(() => { console.log(Count is ${count}); }); 模板中使用 onclick 而非 on:click,布局中使用 {@render children()}。$derived 在 5.25+ 可重新赋值,只读请用 const。
使用方式:作为技能加载,按需查阅 references/ 下的详细文档;编辑本文件后可运行 claude-skills-cli validate <path> 校验,若出现多行 description 警告则运行 claude-skills-cli doctor <path>,再校验确认。
适用场景:Svelte 5 组件开发、响应式状态管理、从 Svelte 4 迁移、组件 API 设计。
限制:资料标注最后验证时间为 2025-01-11;未提供安装命令、收费、平台或效果信息。