Tailwind Svelte Assistant MCP Server
@CaullenOmdahl
MCP server that assists with builiding sveltekit tailwind apps
Overview
What is Tailwind Svelte Assistant MCP Server?
The Tailwind Svelte Assistant MCP Server is a modular Multi-Capability Provider (MCP) server designed to assist AI agents and developer tools with SvelteKit and Tailwind CSS development workflows. It provides programmatic access to setup instructions, component templates, Tailwind class validation, and documentation snippets.
How to use Tailwind Svelte Assistant MCP Server?
Clone the repository, install dependencies (npm install), build the project (npm run build), and start the server (node build/index.js). The server is typically managed by an MCP client/runner and integrates into environments that support the MCP protocol.
Key features of Tailwind Svelte Assistant MCP Server
- Automated setup guidance for Tailwind CSS with SvelteKit
- Component template generation with multiple variants
- Tailwind CSS class validation and compatibility checking
- Documentation snippet retrieval from local sources
- Concept explanation using local documentation
Use cases of Tailwind Svelte Assistant MCP Server
- Streamlining initial Tailwind CSS + SvelteKit project configuration
- Generating reusable Svelte components inspired by Headless UI or shadcn/ui
- Validating Tailwind utility classes during development
- Fetching raw documentation references for Svelte, Tailwind, Headless UI, or shadcn/ui
- Explaining development concepts by parsing local documentation
FAQ from Tailwind Svelte Assistant MCP Server
What are the prerequisites to run the server?
Node.js v16 or higher and npm, pnpm, or yarn are required.
How do I update the documentation sources?
Navigate into the respective subdirectory inside docs/ and run git pull to fetch the latest changes from the upstream repository.
Can I modify files inside the docs/ folder using the server tools?
No. The documentation subdirectories are read-only cloned Git repositories. Server tools should not write to or modify any files within them.
What tools does the server provide?
Five tools: get_tailwind_svelte_setup_instructions, get_svelte_component_template, validate_tailwind_classes, get_documentation_snippet, and explain_development_concept.
What are the key dependencies?
The project uses marked, clsx, and tailwind-merge among other Node.js packages.
