Tailwind Config Generator

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

majiayu000 Updated 567 repo stars

File contents

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.

majiayu000/claude-skill-registry-data/tree/main/data/tailwind-config-generator commit 18b7bafd8f

Frequently asked questions

npx skillmds@latest add majiayu000/tailwind-config-generator