Tailwind Svelte Assistant

npx -y @smithery/cli install @CaullenOmdahl/tailwind-svelte-assistant --client claude

- Install the server
- Configure it for Claude Desktop
- Set up all required dependencies

For other MCP clients, use the direct server URL:

https://server.smithery.ai/@CaullenOmdahl/tailwind-svelte-assistant/mcp

Add this to your MCP client configuration:

{ "mcpServers": { "tailwind-svelte-assistant": { "url": "https://server.smithery.ai/@CaullenOmdahl/tailwind-svelte-assistant/mcp", "transport": "http" } } }

- Node.js 20+(required for ES modules support and dependencies)
- npm or yarn
- Git (for cloning repository)

The server uses secure defaults but can be configured via theServerConfiginterface:

const CONFIG: ServerConfig = { maxFileSize: 3  1024  1024, // 3MB max file size (for full docs) cacheTimeout: 5  60  1000, // 5 minutes cache timeout contentBasePath: './content', svelteFullDocsPath: './content/docs/svelte-sveltekit-full.txt', tailwindFullDocsPath: './content/docs/tailwind-docs-full.txt', // ... other paths };

Documentation is automatically downloaded and updated:

# Update all documentation (Svelte + Tailwind) npm run update-content

- Downloads official Svelte LLM-optimized docs (svelte.dev/llms-full.txt)
- Extracts complete Tailwind docs from GitHub via Repomix
- Updates component snippet timestamps
- Generates content summary

- Svelte/SvelteKit: Official LLM-optimized text file (100% coverage)
- Tailwind CSS: GitHub repository via Repomix extraction (249 MDX files)
- Snippets: Local curated component examples (43 files)

- Pattern Matching: Only alphanumeric, hyphens, underscores, and dots allowed
- Length Limits: Configurable maximum input lengths
- Path Sanitization: Removes directory traversal attempts
- Bounds Checking: Ensures file access stays within allowed directories

- Safe Error Messages: No sensitive information exposed to clients
- Structured Logging: JSON-formatted audit logs for security monitoring
- Error Classification: Different handling for different error types
- Graceful Degradation: Fallback responses for non-critical failures

- Path Validation: Verifies resolved paths are within base directories
- File Size Limits: Prevents resource exhaustion attacks
- Read-Only Operations: No write operations exposed to clients
- Cache Isolation: Content caching doesn't expose file system structure

// Automatic content caching with configurable timeout const fileService = new SecureFileService( 1024  1024, // Max file size 5  60 * 1000 // Cache timeout (5 minutes) );

- Memory Limits: File size restrictions prevent memory exhaustion
- Cache Cleanup: Automatic removal of expired cache entries
- Async I/O: Non-blocking file operations
- Error Recovery: Graceful handling of resource limitations

🆕 Complete Documentation Tools (Recommended)

-

get_svelte_full_docs- Get complete Svelte & SvelteKit documentation (1MB, 100% coverage)

- No parameters required
- Returns entire documentation in single LLM-optimized file
- Official format from Svelte team

get_tailwind_full_docs- Get complete Tailwind CSS documentation (2.1MB, 100% coverage)

- No parameters required
- Includes all 249 documentation files
- All utility classes and concepts covered

search_svelte_docs- Search within Svelte/SvelteKit documentation

- Parameters:query(string),limit(optional, default: 5)
- Returns matching sections with surrounding context
- Fast in-memory search

search_tailwind_docs- Search within Tailwind CSS documentation

- Parameters:query(string),limit(optional, default: 5)
- Returns matching sections with surrounding context
- Covers all utility classes

Note: These tools only cover ~4-8% of available documentation. Use the full docs tools above for complete coverage.

- get_sveltekit_doc- Retrieve specific SvelteKit documentation topic
- get_tailwind_info- Get specific Tailwind CSS information
- list_sveltekit_topics- List available SvelteKit docs (limited)
- list_tailwind_info_topics- List Tailwind documentation (limited)

- get_component_snippet- Fetch Svelte component code
- list_snippet_categories- List component categories
- list_snippets_in_category- List snippets in category

- Pattern validationwith regex constraints
- Length limitsfor input parameters
- Comprehensive descriptionswith usage examples
- Security-hardenedinput sanitization

{ "mcpServers": { "tailwind-svelte-assistant": { "url": "https://server.smithery.ai/@CaullenOmdahl/tailwind-svelte-assistant/mcp", "transport": "http" } } }

# Clear dist and rebuild rm -rf dist && npm run build

# Ensure executable permissions chmod +x dist/index.js

- Ensure Node.js 18+ for ES module support
- Check"type": "module"in package.json

If you discover a security vulnerability, please report it via GitHub issues with thesecuritylabel.

This project maintains the same license as the original Tailwind-Svelte-Assistant project.

- Documentation Coverage: 🔴 4-8% → 🟢100%(12.5x-25x improvement)
- Security: 🔴 Critical vulnerabilities → 🟢 Hardened
- Type Safety: 🟡 Mixed types → 🟢 Strict TypeScript
- Performance: 🟡 No caching → 🟢 5-minute LRU cache
- Architecture: 🔴 Monolithic → 🟢 Modular services
- Error Handling: 🟡 Basic → 🟢 Comprehensive classification

- Svelte/SvelteKit: 1,065,921 bytes (1.04 MB)
- Tailwind CSS: 2,197,160 bytes (2.1 MB, 249 files)
- Total Tokens: 606,587 tokens (Tailwind)
- Update Method: Automated via npm script

- Cold Start: ~50-100ms per file read
- Cache Hit: ~1-5ms response time
- Memory Usage: ~1-3MB per cached full doc
- Cache Efficiency: 80-95% hit rate in typical usage
- Search Performance: <10ms for in-memory search

- Svelte: Official LLM-optimized format from Svelte team
- Tailwind: Extracted via Repomix from official GitHub repository
- Updates: Automated script with fallback mechanisms

This upgraded MCP server transforms the original prototype into a production-ready service withcomplete documentation coverage, enterprise-grade security, performance, and maintainability.

This is a web browser that enables your coding agent, such as Claude Code, to visit websites on your behalf and assist you in identifying bugs or creating UI test cases.

Extentos is a multi-vendor development platform for adding smart-glasses capabilities to existing iOS and Android apps. The simplest analogy is Stripe for smart glasses

An MCP server tailored for React Native–first development using Gluestack UI

Create and read feature flags, review experiments, generate flag types, search docs, and interact with GrowthBook's feature flagging and experimentation platform.

Gives AI agents public URLs (tunnels) for localhost, live HTTP traffic inspection, snapshot publishing, and access control.

Understand, develop, and debug authorization policies in Oso Cloud.

Up-to-date documentation for your coding agent. Covers 1000s of public repos and sites. Built by ref.tools

Points agents to the canonical Agentry install docs for errors, product analytics, and deploy attribution.

Gives coding agents deterministic, read-only documentation handoffs with edit boundaries, ownership, and required checks before repository changes.

Deterministic JSON checks with signed evidence and x402-paid execution