Svelte 5 Code Writer
CLI Tools
You have access to @sveltejs/mcp CLI for Svelte-specific assistance. Use these commands via npx :
List Documentation Sections
npx @sveltejs/mcp list-sections
Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths.
Get Documentation
npx @sveltejs/mcp get-documentation "<section1>,<section2>,..."
Retrieves full documentation for specified sections. Use after list-sections to fetch relevant docs.
Example:
npx @sveltejs/mcp get-documentation "$state,$derived,$effect"
Svelte Autofixer
npx @sveltejs/mcp svelte-autofixer "<code_or_path>" [options]
Analyzes Svelte code and suggests fixes for common issues.
Options:
-
--async
-
Enable async Svelte mode (default: false)
-
--svelte-version
-
Target version: 4 or 5 (default: 5)
Examples:
Analyze inline code (escape $ as $)
npx @sveltejs/mcp svelte-autofixer '<script>let count = $state(0);</script>'
Analyze a file
npx @sveltejs/mcp svelte-autofixer ./src/lib/Component.svelte
Target Svelte 4
npx @sveltejs/mcp svelte-autofixer ./Component.svelte --svelte-version 4
Important: When passing code with runes ($state , $derived , etc.) via the terminal, escape the $ character as $ to prevent shell variable substitution.
Workflow
-
Uncertain about syntax? Run list-sections then get-documentation for relevant topics
-
Reviewing/debugging? Run svelte-autofixer on the code to detect issues
-
Always validate - Run svelte-autofixer before finalizing any Svelte component