svelte-code-writer
使用官方工具建構和修復 Svelte 5 元件
正在為 Svelte 5 runes 和現代模式而苦惱嗎？直接在您的工作流程中存取官方文件和自動化程式碼修復功能。
تنزيل ZIP المهارة
رفع في Claude
اذهب إلى Settings → Capabilities → Skills → Upload skill
فعّل وابدأ الاستخدام
اختبرها
استخدام "svelte-code-writer". 分析一個可能有 rune 問題的元件
النتيجة المتوقعة:
autofixer 偵測到在 $effect 區塊內對 $state 變數的賦值，並建議改用適當的狀態更新。
استخدام "svelte-code-writer". undefined
النتيجة المتوقعة:
回傳綜合性的文件，解釋 $effect 的用法、生命週期時機、清理模式和常見陷阱。
التدقيق الأمني
آمن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.
درجة الجودة
ماذا يمكنك بناءه
學習 Svelte 5 Runes
剛接觸 Svelte 5？查詢 $state、$derived 和 $effect runes 的文件以了解現代反應式模式。
除錯元件問題
在有問題的元件上執行 autofixer 以偵測常見錯誤，例如在 effects 中的狀態突變。
程式碼審查驗證
在合併前透過執行 autofixer 來驗證 Svelte 元件，及早發現問題。
جرّب هذه الموجهات
列出所有可用的 Svelte 文件章節，然後擷取 $state 和 $derived runes 的文件。
分析這個 Svelte 元件是否有問題：[貼上元件程式碼或提供檔案路徑]
使用 autofixer 搭配 --svelte-version 5 標誌檢查此元件的 Svelte 5 相容性。
使用 autofixer 驗證此異步 Svelte 元件，確保 await 用法已正確設定。
أفضل الممارسات
- 在請求特定文件之前，先執行 list-sections 以發現可用的文件主題
- 在完成任何 Svelte 元件之前執行 svelte-autofixer 以及早發現問題
- 在透過終端指令傳遞包含 runes 的內嵌程式碼時，將 $ 字元跳脫為 \$
تجنب
- 未審查 autofixer 的建議就使用它 - 請務必驗證建議
- 傳遞大型程式碼庫作為內嵌參數而非使用檔案路徑
- 在分析具有 top-level await 的元件時忘記指定 --async 標誌