---

name: tailwind-config-generator description: Generate Tailwind CSS configuration files with custom themes, plugins, and content paths. Triggers on "create tailwind config", "generate tailwind configuration", "tailwind setup", "tailwindcss config".

Tailwind Config Generator

Generate Tailwind CSS configuration files with custom themes, colors, and plugins.

Output Requirements

File Output: tailwind.config.js or tailwind.config.ts Format: Valid Tailwind CSS configuration Standards: Tailwind CSS 3.x

When Invoked

Immediately generate a complete Tailwind configuration with content paths, theme customizations, and plugins.

Configuration Template

Copy/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./src/**/*.{js,ts,jsx,tsx}'],
  theme: {
    extend: {
      colors: {
        primary: '#3b82f6',
      },
    },
  },
  plugins: [],
};

Example Invocations

Prompt: "Create tailwind config with custom color palette" Output: Complete tailwind.config.js with extended theme.