Svelte 5 Rune Validator Connector for AI agents.
3 live capabilities
Validate Svelte 5 Runes and reactive component syntax.
Waiting for input…
Why people use Svelte 5 Rune Validator
Stop breaking Svelte 5 reactivity with Svelte 5 Rune Syntax Validator
With this MCP, your agent does the heavy lifting. It scans your component strings, identifies boundary issues, and flags invalid syntax immediately. You get clean, valid S/5 code without the manual eye strain.
What Vinkius changes
You stop shipping broken reactivity logic.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
Migrating legacy code
You have a Svelte 4 component and want to know if the new $state implementation is valid.
- Real-world use case 02
Refactoring props
You are changing how components receive data.
- Real-world use case 03
New feature testing
You just wrote a complex $effect block.
Complete set · 3capabilities
The complete Svelte 5 Rune Validator capability set.
These are the exact actions your AI can choose when you ask it to work with Svelte 5 Rune Validator.
01—03
3 capabilities in this set.
Part of 3 available through Svelte 5 Rune Validator.
- 01 Capability
Rune inventory
Scans your component to see which reactive runes are currently in use. It helps you track the presence of required primitives.
- 02 Capability
Syntax validation
Runs a full structural check on your Svelte 5 code to find syntax errors. It catches broken patterns before they reach production.
- 03 Capability
Script boundary
Locates the start and end of script blocks to ensure logic is properly contained. This prevents runes from leaking into your template.
Set up in minutes
One URL. Then ask Svelte 5 Rune Validator to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Svelte 5 Rune Validator from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Svelte 5 Rune Validator, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Svelte 5 Rune Validator for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Svelte 5 Rune Validator URL.
- Step 03
Save and start
Save the connection and enable Svelte 5 Rune Validator in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"svelte-5-rune-syntax-validator": {
"url": "https://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp"
}
}
}- Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Svelte 5 Rune Validator
Open Agent mode in chat and ask: "Using Svelte 5 Rune Validator, help me...". 3 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"svelte-5-rune-syntax-validator": {
"url": "https://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp"
}
}
}- Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Svelte 5 Rune Validator
Ask Copilot: "Using Svelte 5 Rune Validator, help me...". 3 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"svelte-5-rune-syntax-validator": {
"url": "https://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp"
}
}
}- Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Svelte 5 Rune Validator
Open Cascade and ask: "Using Svelte 5 Rune Validator, help me...". 3 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"svelte-5-rune-syntax-validator": {
"url": "https://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp"
}
}
}- Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Svelte 5 Rune Validator
Ask Cline: "Using Svelte 5 Rune Validator, help me...". 3 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add svelte-5-rune-syntax-validator --transport http "https://edge.vinkius.com/vk_preview_QfSV4w7hnTIsOdijOSHltbIPuJqPKBqCNgzdeGkH/mcp"- Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Svelte 5 Rune Validator
Ask Claude: "Using Svelte 5 Rune Validator, show me...". 3 tools are ready
Where the request belongs
Work Svelte 5 Rune Validator can move forward.
Frontend engineers migrating legacy Svelte 4 codebases to the new Runes API without breaking production.
Svelte Developer
Audits component migrations during refactors.
Frontend Lead
Reviews PRs for adherence to new reactivity standards.
UI Engineer
Validates new component logic as they implement Svelte 5 features.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse Connectors
React 19 useActionState Validator
Validates React 19 `useActionState` hook implementations in JSX snippets.
Astro Server Island Detector
Extracts Astro Server Island directives from HTML/JSX to prevent misconfigured streaming SSR components.
CSS Class Usage & Collision Analyzer
Identify orphaned, missing, or colliding CSS classes in your project.
JSON Schema Validator
Validate JSON documents and lint schemas for structural integrity.
Vue.js Excellence Prover
AI agents produce legacy Vue 2 configurations, unstable reactivity loops, and untyped interfaces. This prover enforces Vue 3 Composition API excellence, strict reactivity limits, compile-time type-safety, and optimized browser execution. Zero tolerance for Options API and raw prop mutations.
Type Definition Consistency Checker
Ensure structural and type-level synchronization between TypeScript interfaces, Zod schemas, and Pydantic models.
Bring your own AI
Change the model, client or framework. Keep Svelte 5 Rune Validator connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Svelte 5 Rune Validator.
The practical details behind the request, access and result.
How can I use Svelte 5 Rune Syntax Validator to migrate my code?
You can pass your existing Svelte 4 components through your AI client to identify where $state and $derived need to be implemented.
Will this MCP catch errors in my $props implementation?
Yes, it specifically checks that your props are destructured according to the new Svelte 5 requirements.
Can I use this to check if runes are inside script tags?
Absolutely. The capability identifies when reactive primitives have been incorrectly placed in HTML or template sections.
Does Svelte 5 Rune Syntax Validator work with Claude or Cursor?
Yes, it works with any MCP-compatible client like Claude, Cursor, or Windsurf via the Vinkius connection.
What happens if my component has a syntax error?
The capability will flag the specific structural issue, such as an invalid boundary or incorrect rune usage, so you can fix it immediately.
What exactly does the validator check for?
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.
Can I just scan for runes without full validation?
Yes, the rune_inventory capability allows you to quickly identify which runes are present in a code snippet without performing a full structural audit.
How does it handle script tag boundaries?
The script_boundary capability specifically identifies the start and end of your `` blocks to ensure reactive logic is properly encapsulated.
One connection away
Give your agent a direct line to Svelte 5 Rune Validator.
Connect Svelte 5 Rune Validator once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available