المهارات svelte-code-writer
📦

svelte-code-writer

آمن

إنشاء وإصلاح مكونات Svelte 5 باستخدام الأدوات الرسمية

هل تواجه صعوبات مع رونات Svelte 5 والأنماط الحديثة؟ احصل على التوثيق الرسمي وإصلاحات الكود الآلية مباشرة في سير عملك.

يدعم: Claude Codex Code(CC)
🥉 74 برونزي
1

تنزيل ZIP المهارة

2

رفع في Claude

اذهب إلى Settings → Capabilities → Skills → Upload skill

3

فعّل وابدأ الاستخدام

اختبرها

استخدام "svelte-code-writer". تحليل مكون قد يحتوي على مشاكل الرونات

النتيجة المتوقعة:

يكتشف الإصلاح التلقائي التعيينات لمتغيرات $state داخل كتل $effect ويقترح استخدام تحديثات الحالة المناسبة بدلاً منها.

استخدام "svelte-code-writer". البحث في توثيق $effect

النتيجة المتوقعة:

إرجاع توثيق شامل يشرح استخدام $effect وتوقيت دورة الحياة وأنماط التنظيف والمخاطر الشائعة.

التدقيق الأمني

آمن
v1 • 2/24/2026

Static analysis flagged 22 external_commands patterns and 1 filesystem pattern, all false positives. The detected patterns are markdown documentation examples showing legitimate npx CLI command usage (@sveltejs/mcp). No actual code execution, network calls, or filesystem operations exist in the skill content. Safe for publication.

1
الملفات التي تم فحصها
67
الأسطر التي تم تحليلها
0
النتائج
1
إجمالي عمليات التدقيق
لا توجد مشكلات أمنية
تم تدقيقه بواسطة: claude

درجة الجودة

38
الهندسة المعمارية
100
قابلية الصيانة
87
المحتوى
50
المجتمع
100
الأمان
91
الامتثال للمواصفات

ماذا يمكنك بناءه

تعلم رونات Svelte 5

مبتدئ في Svelte 5؟ ابحث في توثيق رونات $state و $derived و $effect لفهم أنماط التفاعلية الحديثة.

تصحيح مشاكل المكونات

شغل الإصلاح التلقائي على المكونات المشكلة لاكتشاف الأخطاء الشائعة مثل طفرات الحالة في التأثيرات.

التحقق من مراجعة الكود

تحقق من صحة مكونات Svelte قبل الدمج بتشغيل الإصلاح التلقائي لاكتشاف المشكلات مبكراً.

جرّب هذه الموجهات

بحث التوثيق الأساسي
سرد جميع أقسام توثيق Svelte المتاحة، ثم استرداد التوثيق لرونات $state و $derived.
تحليل المكونات
تحليل هذا المكون Svelte للمشكلات: [الصق كود المكون أو قدم مسار الملف]
فحص ترحيل Svelte 4
تحقق من توافق هذا المكون مع Svelte 5 باستخدام الإصلاح التلقائي مع علامة --svelte-version 5.
التحقق من المكونات غير المتزامنة
تحقق من صحة هذا المكون Svelte غير المتزامن مع الإصلاح التلقائي، مع ضمان تكوين استخدام await بشكل صحيح.

أفضل الممارسات

  • قم دائماً بتشغيل list-sections أولاً لاكتشاف مواضيع التوثيق المتاحة قبل طلب توثيق محدد
  • نفذ svelte-autofixer قبل إنهاء أي مكون Svelte لاكتشاف المشكلات مبكراً
  • اهرب من أحرف $ كـ \$ عند تمرير كود مضمن يحتوي على رونات عبر أوامر الطرفية

تجنب

  • استخدام الإصلاح التلقائي دون مراجعة اقتراحاته - تحقق دائماً من التوصيات
  • تمرير قواعد الكود الكبيرة كوسائط مضمنة بدلاً من مسارات الملفات
  • نسيان تحديد علامة --async عند تحليل المكونات مع await المستوى الأعلى

الأسئلة المتكررة

ما هو الفرق بين list-sections و get-documentation؟
يعرض list-sections جميع مواضيع التوثيق المتاحة. يسترد get-documentation المحتوى الكامل لمواضيع محددة تختارها.
هل أحتاج إلى تثبيت @sveltejs/mcp بشكل منفصل؟
لا، يستخدم المهارة npx لتشغيل الحزمة عند الطلب دون التثبيت العام.
هل يمكن لهذه المهارة تحليل ملفات TypeScript؟
نعم، يحلل ملفات .svelte و .svelte.ts و .svelte.js مع دعم كامل لـ TypeScript.
ماذا يُصلح الإصلاح التلقائي فعلياً؟
يكتشف المشكلات ويوفر الاقتراحات. يجب عليك تطبيق التغييرات الموصى بها يدوياً.
هل هذه المهارة متوافقة مع مشاريع Svelte 4؟
نعم، استخدم علامة --svelte-version 4 عند تشغيل الإصلاح التلقائي لكود Svelte 4.
لماذا أحتاج إلى تهريب $ في الكود المضمن؟
الطرفية تفسر $ كاستبدال المتغير. التهريب كـ \$ يحافظ على صيغة الرونة الحرفية.

تفاصيل المطور

المؤلف

sveltejs

الترخيص

MIT

مرجع

main

بنية الملفات

📄 SKILL.md