Skip to main content
Glama
CarbonoDev

TailwindCSS MCP Server

by CarbonoDev

install_tailwind

Generate installation commands and configuration files for TailwindCSS in various frameworks like React, Next.js, Vue, and Angular. Specify your framework and package manager to get customized setup instructions.

Instructions

Generate installation commands and configuration files for TailwindCSS in different frameworks

Input Schema

TableJSON Schema
NameRequiredDescriptionDefault
frameworkYesTarget framework (e.g., 'react', 'nextjs', 'vue', 'vite', 'laravel', 'angular', 'svelte')
packageManagerNoPackage manager to use (default: npm)
includeTypescriptNoInclude TypeScript configuration (default: false)

Implementation Reference

  • The main handler function that orchestrates the TailwindCSS installation guide generation.
    private async handleInstallTailwind(args: any): Promise<any> {
      try {
        const params = this.validateInstallTailwindParams(args);
        const guide = await this.installationService.generateInstallationGuide(params);
        return this.createSuccessResponse(guide);
      } catch (error) {
        this.handleServiceError(error, "Failed to generate TailwindCSS installation guide");
      }
    }
  • src/index.ts:176-185 (registration)
    Tool registration definition for "install_tailwind" in the MCP server.
    name: "install_tailwind",
    description: "Generate installation commands and configuration files for TailwindCSS in different frameworks",
    inputSchema: {
      type: "object",
      properties: {
        framework: {
          type: "string",
          description: "Target framework (e.g., 'react', 'nextjs', 'vue', 'vite', 'laravel', 'angular', 'svelte')",
        },
        packageManager: {
  • Type definition for the input parameters of the "install_tailwind" tool.
    export interface InstallTailwindParams {
      framework: string;
      packageManager?: "npm" | "yarn" | "pnpm" | "bun";
      includeTypescript?: boolean;
    }

Latest Blog Posts

MCP directory API

We provide all the information about MCP servers via our MCP API.

curl -X GET 'https://glama.ai/api/mcp/v1/servers/CarbonoDev/tailwindcss-mcp-server'

If you have feedback or need assistance with the MCP directory API, please join our Discord server