How do I install svelte-code-writer?

Run `npx skills add https://github.com/sveltejs/ai-tools --skill svelte-code-writer` in your terminal. You need to have run `npx skills init` once in your project first.

Which agent frameworks does svelte-code-writer support?

svelte-code-writer works with any agent framework supported by the Skills registry, including Claude Code, Cursor, GitHub Copilot, Cline, Codex, and Gemini CLI.

Is svelte-code-writer free to use?

Yes. svelte-code-writer is free to install and use. It is available from the open Skills registry published by sveltejs.

Frontend

svelte-code-writer▌

Name: svelte-code-writer
Availability: InStock
Author: sveltejs

sveltejs/ai-tools · updated Apr 8, 2026

$npx skills add https://github.com/sveltejs/ai-tools --skill svelte-code-writer

summary

CLI tools for Svelte 5 documentation lookup and code analysis with built-in autofixer.

›Three core commands: list-sections to browse available docs, get-documentation to fetch full documentation for specific topics, and svelte-autofixer to analyze code and suggest fixes
›Autofixer supports Svelte 4 and 5 targeting via --svelte-version flag and async mode via --async option
›Accepts both inline code (with escaped $ characters) and file paths for analysis
›Designed for use within the sv

skill.md

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