Svelte 5 Rune Syntax Validator

Svelte 5 Rune Syntax Validator MCP Connector for Claude

A+

Ensure your Svelte components strictly adhere to the new Runes API syntax.

3 tools Official Updated Oct 1, 2026 Official Vinkius Partner

The Svelte 5 Rune Syntax Validator is a specialized tool for developers transitioning from Svelte 4 to Svelte 5. It performs deep structural audits of your component strings to ensure that reactive primitives like $state, $derived, $effect, and $props are used correctly. The validator enforces critical rules, such as ensuring all runes reside within `` tags and verifying that $props follows the required destructuring pattern. By using validate_component_syntax, you can catch isolation breaches and boundary errors before they reach production.

svelterunesvalidationfrontend-devsyntax-checkerjavascript

3 tools expose this connector's capabilities to your AI agent.

rune_inventory

Checks for the presence of required runes in a Svelte component

script_boundary

Identifies the boundaries of a script block in a Svelte component

syntax_validation

Validates the syntax of a Svelte component

See how to talk to your AI agent using Svelte 5 Rune Syntax Validator.

Is this Svelte 5 code valid: `<script>$state(0)</script>`?

Yes, the code is valid because the `$state` rune is correctly placed within a script tag.

Check if this component has any runes: `<div>$state(true)</div>`

The validator detected `$state`, but it flagged a syntax error because the rune is located outside of a script tag.

Does this snippet use props correctly: `<script>let { name } = $props();</script>`?

Yes, the `$props` rune is used with a destructuring assignment, which satisfies the Svelte 5 requirement.

It checks for Svelte 5 specific rules, such as ensuring `$state` is inside a script tag and that `$props` uses destructuring. You can use `validate_component_syntax` to get a detailed error report.

Related Connectors