Svelte5SAFE

A specialized Model Context Protocol (MCP) server for Svelte 5 frontend development, providing curated knowledge, code examples, and intelligent assistance for modern Svelte development with runes, snippets, and enhanced reactivity.

Features

🔍 Searchable Resources

• Knowledge Base: Curated Q&A covering Svelte 5 concepts, runes, and best practices
• Code Examples: Searchable collection of Svelte 5 patterns and component implementations

🛠️ Intelligent Tools

• search_knowledge - Find explanations and concepts
• search_examples - Discover code patterns and implementations
• generate_with_context - Create components using curated patterns
• audit_with_rules - Review code against Svelte 5 best practices
• explain_concept - Get detailed explanations with examples

📝 Smart Prompts

• generate-component - Generate modern Svelte 5 components
• audit-svelte5-code - Audit code for optimization opportunities
• explain-concept - Detailed concept explanations
• search-patterns - Find specific implementation patterns

Installation

# Clone and setup
git clone 
cd svelte5-mcp-server

# Install dependencies
npm install

# Build the server
npm run build

# Start the server
npm start

Project Structure

svelte5-mcp-server/
├── src/
│   └── index.ts          # Main MCP server implementation
├── data/
│   ├── svelte_5_knowledge.json    # Curated Q&A knowledge base
│   └── svelte_5_patterns.json     # Code examples and patterns
├── package.json
├── tsconfig.json
├── example system prompt         # Svelte 5 specific system prompt (quite strict, adjust for your own preferences)
└── README.md

Usage with Claude Desktop

Add to your Claude Desktop configuration:

{
"mcpServers": {
"svelte5": {
"command": "node",
"args": ["/path/to/svelte5-mcp-server/dist/index.js"],
"env": {}
}
}
}

Usage Examples

🔍 Search Knowledge

To