技能 svelte-code-writer
📦

svelte-code-writer

安全

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

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

支持: Claude Codex Code(CC)
📊 70 充足
1

下载技能 ZIP

2

在 Claude 中上传

前往 设置 → 功能 → 技能 → 上传技能

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
内容
23
社区
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.
لماذا أحتاج إلى تهريب $ في الكود المضمن؟
الطرفية تفسر $ كاستبدال المتغير. التهريب كـ \$ يحافظ على صيغة الرونة الحرفية.

开发者详情

文件结构

📄 SKILL.md