skills.rest
michalo1334
michalo1334COMMUNITY
Explore all skills by this author →
GitHub

svelte-code-writer

Validates and documents Svelte 5 components using the @sveltejs/mcp CLI tools.

Updated May 16, 2026
Search Tags:#cli#svelte#runes#code validation#sveltekit#component analysis#documentation lookup
One-click install
npx skills add https://github.com/michalo1334/ScenarioImpactDSL --skill svelte-code-writer-michalo1334
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: svelte-code-writer
Source: https://github.com/michalo1334/ScenarioImpactDSL/tree/main/.opencode/skills/svelte-code-writer
Command: npx skills add https://github.com/michalo1334/ScenarioImpactDSL --skill svelte-code-writer-michalo1334

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @sveltejs/mcp.

What problem does it solve? Writing Svelte 5 code with runes like $state and $derived introduces new syntax that is easy to get wrong, and developers often lack quick access to authoritative documentation or automated issue detection while editing components. ## Core Features & Use Cases - Documentation Lookup: List and retrieve official Svelte 5 and SvelteKit documentation sections via npx @sveltejs/mcp list-sections and get-documentation. - Automated Code Analysis: Run svelte-autofixer on inline code or component files to detect and suggest fixes for common Svelte issues, with support for Svelte 4 and async mode. - Use Case: While editing a SvelteKit dashboard component, run the autofixer on the .svelte file before committing to catch rune misuse, then fetch the $effect documentation section to confirm correct lifecycle behavior. ## Quick Start Ask the assistant to validate your Svelte component with the svelte-autofixer and fetch documentation for any runes you are unsure about.

Frequently Asked Questions about svelte-code-writer

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

FAQPage Schema
How do I validate Svelte 5 component code automatically?▼

Run `npx @sveltejs/mcp svelte-autofixer` with a file path or inline code to analyze Svelte components and receive suggested fixes for common issues. Use the --svelte-version flag to target Svelte 4 or 5.

How to look up Svelte 5 runes documentation from the CLI?▼

Run `npx @sveltejs/mcp list-sections` to see available documentation topics, then use `get-documentation` with comma-separated section names like $state,$derived,$effect to retrieve the full docs.

Does the Svelte autofixer support Svelte 4 code?▼

Yes, the svelte-autofixer command accepts a --svelte-version option that targets either Svelte 4 or Svelte 5, with version 5 as the default. It also supports an --async flag for async Svelte mode.

Why does inline Svelte code with runes break in the terminal?▼

Shells interpret the $ character in runes like $state as variable substitution. Escape each dollar sign as \$ when passing inline code to the svelte-autofixer command to prevent this.

When should I use the Svelte autofixer during development?▼

Run it whenever creating, editing, or reviewing any .svelte component or .svelte.ts/.svelte.js module, and always before finalizing a component. It catches common issues that manual review may miss.

Related Skills

Explore More Software Engineering Skills→
devsepninedevsepnine
1

svelte-5

Write Svelte 5 components and SvelteKit 2 routes using runes-based reactivity.

Community
Advanced
PlayableIntelligencePlayableIntelligence
307

game-deploy

Deploy browser games to here.now, GitHub Pages, Vercel, or Netlify.

Official
Advanced
mindcockpit-aimindcockpit-ai
11

react-patterns

Enforce modern React and TypeScript coding standards via static analysis.

Official
Intermediate
aashahinaashahin

svelte-code-writer

Look up Svelte 5 documentation and analyze Svelte components using the @sveltejs/mcp CLI.

Community
Basic