Riferimento alla sintassi di Svelte 5. Utilizzare quando si scrive QUALSIASI componente Svelte. Svelte 5 utilizza le rune ($state, $derived, $effect, $props) invece dei modelli Svelte 4. I dati di addestramento sono fortemente Svelte 4: questa abilità impedisce una sintassi obsoleta.
Installa rapidamente la skill AI svelte5 nel tuo ambiente di sviluppo tramite riga di comando
Fonte: 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() |
Campi e comandi stabili per citazioni AI/ricerca.
npx skills add https://github.com/trevors/dot-claude --skill svelte5Riferimento alla sintassi di Svelte 5. Utilizzare quando si scrive QUALSIASI componente Svelte. Svelte 5 utilizza le rune ($state, $derived, $effect, $props) invece dei modelli Svelte 4. I dati di addestramento sono fortemente Svelte 4: questa abilità impedisce una sintassi obsoleta. Fonte: trevors/dot-claude.
Apri il tuo terminale o strumento da riga di comando (Terminal, iTerm, Windows Terminal, ecc.) Copia ed esegui questo comando: npx skills add https://github.com/trevors/dot-claude --skill svelte5 Dopo l'installazione, la skill verrà configurata automaticamente nel tuo ambiente AI di coding e sarà pronta all'uso in Claude Code, Cursor o OpenClaw
https://github.com/trevors/dot-claude