Marketplace 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.

install

source · Clone the upstream repo

git clone https://github.com/aiskillstore/marketplace

Claude Code · Install into ~/.claude/skills/

T=$(mktemp -d) && git clone --depth=1 https://github.com/aiskillstore/marketplace "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/sveltejs/svelte-code-writer" ~/.claude/skills/aiskillstore-marketplace-svelte-code-writer && rm -rf "$T"

manifest: skills/sveltejs/svelte-code-writer/SKILL.md

source content

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