svelte-code-writer

Retrieve Svelte documentation and autofix Svelte component code issues.

1|Updated May 13, 2026
One-click install
npx skills add https://github.com/impact-initiatives/ana_app --skill svelte-code-writer-impact-initiatives
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: svelte-code-writer
Source: https://github.com/impact-initiatives/ana_app/tree/main/.claude/skills/svelte-code-writer
Command: npx skills add https://github.com/impact-initiatives/ana_app --skill svelte-code-writer-impact-initiatives

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sveltejs/mcp, bun.

What problem does it solve?

It helps you rapidly look up Svelte 5 documentation and correct Svelte component/module code issues so you can ship working UI without guesswork.

Core Features & Use Cases

  • Svelte documentation lookup: List and retrieve relevant Svelte/SvelteKit documentation sections for targeted answers.
  • Automated Svelte code analysis: Run an autofixer to detect and suggest fixes for common Svelte problems, especially with runes syntax.
  • Version-aware repair: Target Svelte 4 or 5 behavior to match the codebase and reduce integration risk.
  • Use case: When a .svelte component using $state fails to compile, you can fetch the correct docs and run the autofixer to generate the fix-ready code pattern.

Quick Start

Run the svelte-autofixer on your Svelte file path to identify and apply common Svelte 5 fixes.

Frequently Asked Questions about svelte-code-writer

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I fix Svelte 5 runes syntax errors in my .svelte components?

To fix Svelte 5 runes syntax errors, run an automated code autofixer that detects and suggests corrections for your .svelte and .svelte.ts files. It analyzes the code and applies version-aware repairs to ensure proper compilation.

How do I look up SvelteKit documentation for specific API behaviors?

You can look up SvelteKit documentation by listing and retrieving targeted documentation sections. This fetches relevant Svelte and SvelteKit docs directly to provide accurate answers without guessing the framework's behavior.

Can I align Svelte code fixes to match a Svelte 4 or 5 codebase?

Yes, you can align Svelte code fixes by targeting version-aware repair behaviors. The autofixer adjusts its suggestions to match your specific codebase version, reducing integration risk when upgrading or maintaining legacy Svelte 4 applications.

Do I need Bun to run the Svelte code autofixer?

Yes, you need Bun installed because the autofixer executes @sveltejs/mcp commands via bun x. This dependency is required to run the automated analysis and apply fixes to your Svelte modules.

Why does my $state rune fail to compile in Svelte 5?

Your $state rune might fail to compile due to incorrect syntax in your .svelte file. You can retrieve the correct Svelte 5 documentation and run the automated autofixer to generate the fix-ready code pattern for resolution.