MCP.so
Sign In

Tailwind Svelte Assistant MCP Server

@CaullenOmdahl

Basic information

Category

AI & Agents

License

MIT license

Transports

stdio

Author

CaullenOmdahl

About Tailwind Svelte Assistant MCP Server

MCP server that assists with builiding sveltekit tailwind apps

Tailwind Svelte Assistant MCP Server config

Add this server to your MCP-compatible client using the configuration below.

{
  "mcpServers": {
    "Tailwind-Svelte-Assistant": {
      "command": "node",
      "args": [
        "build/index.js"
      ]
    }
  }
}

Tailwind Svelte Assistant MCP Server tools

Tool list not available yet

This listing does not currently have a tool list to display. This does not mean the server has no tools; check its documentation for supported capabilities.

We auto-extract tools from the README. The maintainer can list them under a ## Tools heading to populate this section.

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

Frequently asked questions

1

What are the prerequisites to run the server?

Node.js v16 or higher and npm, pnpm, or yarn are required.

2

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.

3

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.

4

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`.

5

What are the key dependencies?

The project uses `marked`, `clsx`, and `tailwind-merge` among other Node.js packages.

Comments

More AI & Agents MCP servers