Svelte 5 Code Writer

Outils CLI

Vous avez accès à @sveltejs/mcp CLI pour l'assistance spécifique à Svelte. Utilisez ces commandes via npx :

Lister les sections de documentation

npx @sveltejs/mcp list-sections

Liste toutes les sections de documentation disponibles pour Svelte 5 et SvelteKit avec titres et chemins.

Récupérer la documentation

npx @sveltejs/mcp get-documentation "<section1>,<section2>,..."

Récupère la documentation complète pour les sections spécifiées. À utiliser après list-sections pour récupérer les docs pertinentes.

Exemple :

npx @sveltejs/mcp get-documentation "$state,$derived,$effect"

Svelte Autofixer

npx @sveltejs/mcp svelte-autofixer "<code_or_path>" [options]

Analyse le code Svelte et suggère des corrections pour les problèmes courants.

Options :

--async - Active le mode Svelte asynchrone (par défaut : false)
--svelte-version - Version cible : 4 ou 5 (par défaut : 5)

Exemples :

# Analyser du code en ligne (échapper $ en \$)
npx @sveltejs/mcp svelte-autofixer '<script>let count = \$state(0);</script>'

# Analyser un fichier
npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte

# Cibler Svelte 4
npx @sveltejs/mcp svelte-autofixer ./Component.svelte --svelte-version 4

Important : Quand vous passez du code avec des runes ($state, $derived, etc.) via le terminal, échappez le caractère $ en \$ pour éviter la substitution de variable shell.

Workflow

Incertain sur la syntaxe ? Exécutez list-sections puis get-documentation pour les sujets pertinents
Révision/débogage ? Exécutez svelte-autofixer sur le code pour détecter les problèmes
Toujours valider - Exécutez svelte-autofixer avant de finaliser tout composant Svelte

svelte-code-writer