Svelte MCP Power

Svelte MCP server power for Kiro, providing up-to-date documentation, code analysis, and playground integration for building better Svelte applications with AI assistance.

What is this?

This is a Kiro Power that integrates the official Svelte MCP server into your development workflow. It enables AI assistants to:

• Access up-to-date Svelte documentation directly from svelte.dev
• Analyze Svelte code and provide best practice suggestions
• Generate playground links for quick testing
• Stay current with Svelte 5 features and patterns

Installation

Via Kiro Powers UI (Recommended)

1. Open Kiro
2. Open the Powers panel (Command Palette → "Powers: Open Panel")
3. Click "Add Custom Power"
4. Choose one of these options:
   • GitHub URL: https://github.com/coreyx/svelte-mcp-power
   • Local Directory: Point to the svelte-mcp-power directory

Manual Installation

Clone this repository and add the power via local directory:

git clone https://github.com/coreyx/svelte-mcp-power.git
cd svelte-mcp-power

Then in Kiro:

1. Open Powers panel
2. Click "Add Custom Power"
3. Select "Local Directory"
4. Provide the full path to svelte-mcp-power

What's Included

MCP Server Configuration

The power automatically configures the Svelte MCP server (@sveltejs/mcp) when installed. No manual MCP setup required!

Documentation

Comprehensive documentation covering:

• Onboarding: Installation and verification
• Workflows: 4 complete workflows for common tasks
• Tools Reference: Detailed documentation for all 4 MCP tools
• Troubleshooting: Solutions for common issues
• Best Practices: Guidelines for effective usage

Available Tools

Once installed, you'll have access to these MCP tools:

• list-sections: Browse available Svelte documentation sections
• get-documentation: Fetch full documentation content
• svelte-autofixer: Analyze code and get improvement suggestions
• playground-link: Generate shareable Svelte playground links

Usage

After installation, simply mention Svelte-related topics in your conversations with Kiro, and the power will automatically activate. The AI assistant will use the MCP tools to:

1. Fetch relevant Svelte documentation
2. Generate Svelte 5 code with best practices
3. Analyze and fix code issues
4. Create playground links for testing

Example Requests

• "Create a counter component using Svelte 5 runes"
• "Show me how to use $derived in Svelte 5"
• "Analyze this Svelte component and suggest improvements"
• "Generate a playground link for this code"

Requirements

• Kiro IDE
• Node.js 16+ (for npx)
• Internet connection (for fetching documentation)

About Svelte MCP

This power wraps the official Svelte MCP server maintained by the Svelte team. The server provides real-time access to Svelte documentation and code analysis tools.

• Official Repository: https://github.com/sveltejs/mcp
• Documentation: https://svelte.dev/docs/mcp
• npm Package: https://www.npmjs.com/package/@sveltejs/mcp

Contributing

Contributions are welcome! Please feel free to submit issues or pull requests.

License

This power documentation is provided as-is. The Svelte MCP server itself is maintained by the Svelte team under their license terms.

Author

Created by coreyx

Keywords: svelte, svelte5, documentation, code-analysis, playground