svelte-code-writer skill (Svelte) for Claude Code: docs lookup and autofix

svelte-code-writer makes your agent look up Svelte 5 docs and check its .svelte code with an autofixer before it finishes.

Installs: 13.5K; on skills.sh
Stars: 336; on GitHub
Updated: Oct 2026; last repo commit

svelte-code-writer is a skill from the sveltejs/ai-tools repo. SKILL.md says it must be used whenever the agent creates, edits or analyzes a Svelte component (.svelte) or module (.svelte.ts / .svelte.js). It gives the agent three commands from the @sveltejs/mcp package, run with npx: list the documentation sections, fetch chosen sections, and run svelte-autofixer on code or a file.

The workflow is short: look up docs when unsure about syntax, run the autofixer when reviewing or debugging, and always run it before finalizing a component. The skill itself is one Markdown file. The commands download and run @sveltejs/mcp through npx, so you need Node.js and npm access.

Good for

Svelte 5 developers who want an agent that checks runes and syntax against the docs
SvelteKit teams reviewing agent-written components
Developers on Svelte 4 or 5 projects, since the autofixer can target either major

Install svelte-code-writer

Claude Code

Copy this prompt.

Install the svelte-code-writer skill in Claude Code. Run this command:

/plugin marketplace add sveltejs/ai-tools
/plugin install svelte

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

The svelte plugin bundles more than this skill: a stdio MCP server (npx -y @sveltejs/mcp), the svelte-core-bestpractices skill, the svelte-file-editor agent and a svelteserver language-server entry. The skill alone only needs Node.js and npx.

From the vendor's docs. Source.

What's in the skill

When it loads

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` subagent for optimal results.

Sections in SKILL.md

CLI tools
List documentation sections
Get documentation
Svelte autofixer
Workflow

Key facts

Author: sveltejs (GitHub account that owns the repo)
Source repo: sveltejs/ai-tools
Installs on skills.sh: 13,488 as of 2026-11-02
GitHub stars: 336 (whole repo) as of 2026-11-02
License: MIT
Last repo commit: 2026-10-31
Files: 1 file (SKILL.md)
skills.sh audits: Gen Agent Trust Hub pass, Socket pass, Snyk pass
Runs: npx @sveltejs/mcp (list-sections, get-documentation, svelte-autofixer)
Optional subagent: SKILL.md says to run it inside the svelte-file-editor subagent if possible

What it includes

Lists all Svelte 5 and SvelteKit documentation sections with titles and paths.
Runs code · list-sections
Fetches full docs for sections you name, for example "$state,$derived,$effect".
Runs code · get-documentation
Analyzes code or a file and suggests fixes; options --async and --svelte-version.
Takes inline code (escape $ as \$ in the shell) or a path such as ./src/lib/Component.svelte. The major version must be 4 or 5.
Runs code · svelte-autofixer
Look up docs when unsure, run the autofixer when reviewing, and always run it last.
Workflow

From the official docs

Permissions

Medium risk

The skill makes your agent run an npx package from npm. Approve each command.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The svelte plugin adds an MCP server, an agent and an LSP entry
plugins/claude/svelte/.mcp.json runs npx -y @sveltejs/mcp as a stdio server. The plugin also ships a second skill (svelte-core-bestpractices), the svelte-file-editor agent with permissionMode: acceptEdits in its frontmatter, and an lspServers entry that runs svelteserver --stdio. Install the plugin only if you want those. github.com
Runs third-party code through npx
Every command in SKILL.md is npx @sveltejs/mcp <command>, with no version pinned. npx downloads the package if it is not cached and runs it. github.com
Autofixer output is advice
svelte-autofixer analyzes code and suggests fixes. SKILL.md does not say it edits files, so the agent applies any change. github.com

Technical details

Talks to	npm registry (npx download of @sveltejs/mcp)
Scopes	Svelte files you point the autofixer at

Questions

How do I install the svelte-code-writer skill?

Use the install box above. The skills CLI or copying the folder installs only this skill; it then needs Node.js, because it runs @sveltejs/mcp with npx. The Svelte docs also describe a svelte plugin (/plugin install svelte in Claude Code) that adds the MCP server config, a second skill and an agent.

Do I need the Svelte MCP server for this?

SKILL.md shows no server setup and calls the @sveltejs/mcp command line tool directly with npx. The svelte plugin, if you install it, registers the same package as a stdio MCP server in its .mcp.json.

What is the svelte-file-editor subagent?

SKILL.md says that if possible this skill should run inside the svelte-file-editor subagent. The svelte plugin ships that agent (plugins/claude/svelte/agents/svelte-file-editor.md), and its frontmatter sets permissionMode: acceptEdits. With only the skill installed, the agent is not present and the skill is used on its own.

Does it need an API key?

The skill does not mention one. It bundles no scripts and runs the three npx commands listed in the tool list.

Why do I have to escape $ in the command?

SKILL.md warns that runes such as $state and $derived passed on the terminal need the dollar sign escaped as \$, so the shell does not treat it as a variable.

Is svelte-code-writer safe to install?

The skill is one Markdown file with no scripts, but it makes the agent run an unpinned npx package, @sveltejs/mcp, which npm downloads and runs on your machine. Review the commands before approving them. The plugin route adds more (see the safety notes). Our advice: pin a version if you want repeatable runs.

Information

updated Nov 2, 2026

Repository: sveltejs/ai-tools
Folder: tools/skills/svelte-code-writer

sveltejs/ai-tools skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 6

Claude plugin docs · github.com
plugin .mcp.json · github.com
Codex plugin docs · github.com
svelte-code-writer SKILL.md · github.com
svelte-code-writer on skills.sh · skills.sh
svelte-file-editor.md · github.com