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

/** @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.