Справочник по синтаксису Svelte 5. Используйте при написании ЛЮБОГО компонента Svelte. Svelte 5 использует руны ($state, $derived, $effect, $props) вместо шаблонов Svelte 4. Данные обучения в значительной степени соответствуют Svelte 4 — этот навык предотвращает использование устаревшего синтаксиса.
Быстро установите AI-навык svelte5 в вашу среду разработки через командную строку
Источник: trevors/dot-claude.
Always use Svelte 5 runes. Never use Svelte 4 patterns.
| export let foo | let { foo } = $props() | | export let foo = 'default' | let { foo = 'default' } = $props() | | $: doubled = x 2 | let doubled = $derived(x 2) | | $: { sideEffect() } | $effect(() => { sideEffect() }) | | on:click={handler} | onclick={handler} | | on:input={handler} | oninput={handler} |
| on:click\|preventDefault={h} | onclick={e => { e.preventDefault(); h(e) }} | | | {@render children()} | | | {@render x?.()} | | $$props | Use $props() with rest: let { ...rest } = $props() | | $$restProps | let { known, ...rest } = $props() | | createEventDispatcher() | Pass callback props: let { onchange } = $props() |
Стабильные поля и команды для ссылок в AI/поиске.
npx skills add https://github.com/trevors/dot-claude --skill svelte5Справочник по синтаксису Svelte 5. Используйте при написании ЛЮБОГО компонента Svelte. Svelte 5 использует руны ($state, $derived, $effect, $props) вместо шаблонов Svelte 4. Данные обучения в значительной степени соответствуют Svelte 4 — этот навык предотвращает использование устаревшего синтаксиса. Источник: trevors/dot-claude.
Откройте терминал или инструмент командной строки (Terminal, iTerm, Windows Terminal и т.д.) Скопируйте и выполните эту команду: npx skills add https://github.com/trevors/dot-claude --skill svelte5 После установки навык будет автоматически настроен в вашей AI-среде разработки и готов к использованию в Claude Code, Cursor или OpenClaw
https://github.com/trevors/dot-claude