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
| Name | Required | Description | Default |
|---|---|---|---|
| framework | Yes | Target framework (e.g., 'react', 'nextjs', 'vue', 'vite', 'laravel', 'angular', 'svelte') | |
| packageManager | No | Package manager to use (default: npm) | |
| includeTypescript | No | Include TypeScript configuration (default: false) |
Implementation Reference
- src/index.ts:465-473 (handler)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: { - src/types/index.ts:163-167 (schema)Type definition for the input parameters of the "install_tailwind" tool.
export interface InstallTailwindParams { framework: string; packageManager?: "npm" | "yarn" | "pnpm" | "bun"; includeTypescript?: boolean; }