svelte-code-writer
Svelte 5-Komponenten erstellen und mit offiziellen Tools reparieren
Kämpfen Sie mit Svelte 5 Runes und modernen Mustern? Greifen Sie auf offizielle Dokumentation und automatisierte Code-Reparaturen direkt in Ihrem Workflow zu.
Télécharger le ZIP du skill
Importer dans Claude
Allez dans Paramètres → Capacités → Skills → Importer un skill
Activez et commencez à utiliser
Tester
Utilisation de "svelte-code-writer". Eine Komponente mit potenziellen Rune-Problemen analysieren
Résultat attendu:
Der Autofixer erkennt Zuweisungen an $state-Variablen innerhalb von $effect-Blöcken und schlägt die Verwendung korrekter State-Updates stattdessen vor.
Utilisation de "svelte-code-writer". Dokumentation für $effect nachschlagen
Résultat attendu:
Gibt umfassende Dokumentation zurück, die $effect-Verwendung, Lifecycle-Timing, Cleanup-Muster und häufige Fallstricke erklärt.
Audit de sécurité
SûrStatic 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.
Score de qualité
Ce que vous pouvez construire
Lernen von Svelte 5 Runes
Neu in Svelte 5? Schlagen Sie die Dokumentation für $state, $derived und $effect Runes nach, um moderne Reaktivitätsmuster zu verstehen.
Debugging von Komponentenproblemen
Führen Sie den Autofixer bei problematischen Komponenten aus, um häufige Fehler wie State-Mutationen in Effects zu erkennen.
Code-Review-Validierung
Validieren Sie Svelte-Komponenten vor dem Mergen durch Ausführen des Autofixers, um Probleme frühzeitig zu erkennen.
Essayez ces prompts
List all available Svelte documentation sections, then retrieve the documentation for $state and $derived runes.
Analyze this Svelte component for issues: [paste component code or provide file path]
Check this component for Svelte 5 compatibility using the autofixer with --svelte-version 5 flag.
Validate this async Svelte component with the autofixer, ensuring await usage is properly configured.
Bonnes pratiques
- Führen Sie immer zuerst list-sections aus, um verfügbare Dokumentationsthemen zu entdecken, bevor Sie spezifische Docs anfordern
- Führen Sie svelte-autofixer vor dem Finalisieren jeder Svelte-Komponente aus, um Probleme frühzeitig zu erkennen
- Escapen Sie $-Zeichen als \$ bei der Übergabe von Inline-Code, der Runes enthält, über Terminal-Befehle
Éviter
- Den Autofixer verwenden, ohne seine Vorschläge zu überprüfen - validieren Sie immer die Empfehlungen
- Große Codebases als Inline-Argumente übergeben statt als Dateipfade
- Vergessen, das --async-Flag zu spezifizieren, wenn Komponenten mit top-level await analysiert werden