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 中使用

查看原文