# Svelte Code Writer

> CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any Svelte component (.svelte) or Svelte module (.svelte.ts/.svelte.js). If possible, this skill should be executed within the svelte-file-editor agent for optimal results.

- Skill: `kenn-io/svelte-code-writer` (Agent Skill)
- Install (CLI): `npx skillmds@latest add kenn-io/svelte-code-writer`
- Raw SKILL.md: https://api.skillmd.com/api/skills/kenn-io/svelte-code-writer/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: kenn-io (https://skillmd.com/u/kenn-io)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/kenn-io/svelte-code-writer

---


# Svelte 5 Code Writer

## CLI Tools

Use the repo-installed `@sveltejs/mcp@0.1.24` CLI for Svelte-specific assistance:

```bash
vp exec -- svelte-mcp <command>
```

Run these commands from the repository root. Always include the `--` separator after `vp exec`; without it, Vite+ exits before running `svelte-mcp`. Do not use `npx`, `npm`, or `bun x` for this tool.

### List Documentation Sections

```bash
vp exec -- svelte-mcp list-sections
```

Lists all available Svelte 5 and SvelteKit documentation sections with titles and paths.

### Get Documentation

```bash
vp exec -- svelte-mcp get-documentation "<section1>,<section2>,..."
```

Retrieves full documentation for specified sections. Use after `list-sections` to fetch relevant docs.

**Example:**

```bash
vp exec -- svelte-mcp get-documentation '$state,$derived,$effect'
```

### Svelte Autofixer

```bash
vp exec -- svelte-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:**

```bash
# Analyze inline code
vp exec -- svelte-mcp svelte-autofixer '<script>let count = $state(0);</script>'

# Analyze a file
vp exec -- svelte-mcp svelte-autofixer ./frontend/src/lib/Component.svelte

# Target Svelte 4
vp exec -- svelte-mcp svelte-autofixer ./Component.svelte --svelte-version 4
```

**Important:** When passing code with runes (`$state`, `$derived`, etc.) via the terminal, wrap inline code in single quotes. If you use double quotes, escape `$` as `\$` to prevent shell variable substitution.

## Workflow

1. **Uncertain about syntax?** Run `list-sections` then `get-documentation` for relevant topics with `vp exec -- svelte-mcp`
2. **Reviewing/debugging?** Run `svelte-autofixer` on the code with `vp exec -- svelte-mcp` to detect issues
3. **Always validate** - Run `svelte-autofixer` before finalizing any Svelte component