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内での状態mutationなどのよくある問題を検出します。
コードレビューの検証
マージ前にSvelteコンポーネントを検証し、autofixerを実行して問題を早期に検出します。
جرّب هذه الموجهات
利用可能なすべてのSvelteドキュメントのセクションを一覧表示し、その後$stateと$derived runesのドキュメントを取得してください。
このSvelteコンポーネントの問題を分析してください：[コンポーネントコードを貼り付けまたはファイルパスを提供]
autofixerを使用して--svelte-version 5フラグで、このコンポーネントのSvelte 5互換性を確認してください。
この非同期Svelteコンポーネントをautofixerで検証し、await使用が適切に設定されていることを確認してください。
أفضل الممارسات
- 特定のドキュメントを要求する前に、利用可能なドキュメントトピックを発見するために常にlist-sectionsを最初に実行
- 問題を早期に検出するために、Svelteコンポーネントを確定する前に常にsvelte-autofixerを実行
- ターミナルコマンドでrunesを含むインラインコードを渡すときは、$文字を\$としてエスケープ
تجنب
- 提案を確認せずにautofixerを使用 - 常に推奨事項を確認
- 大きなコードベースをインライン引数として渡すのではなく、ファイルパスを使用
- トップレベルawaitを持つコンポーネントを分析する際に--asyncフラグを指定し忘れる