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 $ |

Систематически устраняйте проблемы приложения Svelte. Этот навык помогает диагностировать и решать проблемы, характерные для Svelte, включая сбои реактивности, проблемы с рунами ($state, $derived, $effect), утечки памяти подписки хранилища, несоответствия гидратации SSR и предупреждения компилятора. Охватывает как устаревшие шаблоны Svelte 4, так и реактивность на основе рун Svelte 5. Предоставляет инструменты отладки, такие как $inspect(), теги {@debug} и плавная проверка использования CLI. Источник: snakeo/claude-debug-and-refactor-skills-plugin.