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". 查找 $effect 的文档
النتيجة المتوقعة:
返回全面的文档，解释 $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 组件的问题：[粘贴组件代码或提供文件路径]
使用带有 --svelte-version 5 标志的 autofixer 检查此组件的 Svelte 5 兼容性。
使用 autofixer 验证此异步 Svelte 组件，确保 await 用法配置正确。
أفضل الممارسات
- 在请求特定文档之前，先运行 list-sections 以发现可用的文档主题
- 在完成任何 Svelte 组件之前执行 svelte-autofixer 以尽早发现问题
- 当通过终端命令传递包含 runes 的内联代码时，将 $ 字符转义为 \$
تجنب
- 不审查 autofixer 的建议就使用它 - 务必验证推荐内容
- 将整个代码库作为内联参数传递而不是使用文件路径
- 分析包含顶层 await 的组件时忘记指定 --async 标志