debug:svelte

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

系統地調試 Svelte 應用程序問題。此技能有助於診斷和解決 Svelte 特定的問題，包括反應性故障、符文問題（$state、$driven、$effect）、存儲訂閱內存洩漏、SSR 水合不匹配和編譯器警告。涵蓋 Svelte 4 傳統模式和 Svelte 5 基於符文的反應性。提供調試工具，如 $inspect()、{@debug} 標籤和 svelte-check CLI 用法。 來源：snakeo/claude-debug-and-refactor-skills-plugin。

開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:svelte 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用

查看原文