debug:svelte
✓Debug Svelte application issues systematically. This skill helps diagnose and resolve Svelte-specific problems including reactivity failures, runes issues ($state, $derived, $effect), store subscription memory leaks, SSR hydration mismatches, and compiler warnings. Covers both Svelte 4 legacy patterns and Svelte 5 runes-based reactivity. Provides debugging tools like $inspect(), {@debug} tags, and svelte-check CLI usage.
SKILL.md
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 $ |
Debug Svelte application issues systematically. This skill helps diagnose and resolve Svelte-specific problems including reactivity failures, runes issues ($state, $derived, $effect), store subscription memory leaks, SSR hydration mismatches, and compiler warnings. Covers both Svelte 4 legacy patterns and Svelte 5 runes-based reactivity. Provides debugging tools like $inspect(), {@debug} tags, and svelte-check CLI usage. Source: snakeo/claude-debug-and-refactor-skills-plugin.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:svelte- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-06
- Updated
- 2026-02-18
Quick answers
What is debug:svelte?
Debug Svelte application issues systematically. This skill helps diagnose and resolve Svelte-specific problems including reactivity failures, runes issues ($state, $derived, $effect), store subscription memory leaks, SSR hydration mismatches, and compiler warnings. Covers both Svelte 4 legacy patterns and Svelte 5 runes-based reactivity. Provides debugging tools like $inspect(), {@debug} tags, and svelte-check CLI usage. Source: snakeo/claude-debug-and-refactor-skills-plugin.
How do I install debug:svelte?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:svelte Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-06