debug:svelte

This guide provides a systematic approach to debugging Svelte applications, with special emphasis on Svelte 5 runes and reactivity patterns.

| No reactivity | Missing $state | Add $state wrapper | | Infinite loop | Circular dependency | Check $derived/$effect | | SSR error | Browser API in SSR | Add browser guard | | Props not reactive | Destructured props | Use $props() correctly | | Store stale | Subscription issue | Use auto-subscription $ |

Eseguire il debug sistematico dei problemi dell'applicazione Svelte. Questa competenza aiuta a diagnosticare e risolvere problemi specifici di Svelte, inclusi errori di reattività, problemi con le rune ($state, $derived, $effect), perdite di memoria dell'abbonamento al negozio, mancate corrispondenze di idratazione SSR e avvisi del compilatore. Copre sia i modelli legacy di Svelte 4 che la reattività basata sulle rune di Svelte 5. Fornisce strumenti di debug come $inspect(), tag {@debug} e controllo rapido dell'utilizzo della CLI. Fonte: snakeo/claude-debug-and-refactor-skills-plugin.