تصحيح مشكلات تطبيق Svelte بشكل منهجي. تساعد هذه المهارة في تشخيص المشكلات الخاصة بـ Svelte وحلها، بما في ذلك حالات فشل التفاعل، ومشكلات الأحرف الرونية ($state، $derived، $effect)، وتسريبات ذاكرة اشتراك المتجر، وعدم تطابق ترطيب SSR، وتحذيرات المترجم. يغطي كلا من أنماط Svelte 4 القديمة والتفاعلية القائمة على الأحرف الرونية Svelte 5. يوفر أدوات تصحيح الأخطاء مثل $inspect() وعلامات {@debug} واستخدام svelte-check CLI.
ثبّت مهارة الذكاء الاصطناعي debug:svelte بسرعة في بيئة التطوير لديك عبر سطر الأوامر
المصدر: snakeo/claude-debug-and-refactor-skills-plugin.
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} واستخدام svelte-check CLI. المصدر: snakeo/claude-debug-and-refactor-skills-plugin.
حقول وأوامر مستقرة للاقتباس في أنظمة الذكاء الاصطناعي والبحث.
npx skills add https://github.com/snakeo/claude-debug-and-refactor-skills-plugin --skill debug:svelteBrowse more skills from snakeo/claude-debug-and-refactor-skills-plugin
تصحيح مشكلات تطبيق Svelte بشكل منهجي. تساعد هذه المهارة في تشخيص المشكلات الخاصة بـ Svelte وحلها، بما في ذلك حالات فشل التفاعل، ومشكلات الأحرف الرونية ($state، $derived، $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 بعد التثبيت، سيتم إعداد المهارة تلقائيا في بيئة البرمجة بالذكاء الاصطناعي لديك وتصبح جاهزة للاستخدام في Claude Code أو Cursor أو OpenClaw
https://github.com/snakeo/claude-debug-and-refactor-skills-plugin