Agent-Skills.md

Agent Skills: 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".

UncategorizedID: ehtbanton/ClaudeSkillsRepo/tailwind-config-generator

Repository

ehtbanton/ClaudeSkillsRepo
ehtbanton

Install this agent skill to your local

pnpm dlx add-skill https://github.com/ehtbanton/ClaudeSkillsRepo/tree/HEAD/tailwind-config-generator

Skill Files

Browse the full folder contents for tailwind-config-generator.

Download Skill

Loading file tree…

tailwind-config-generator/SKILL.md

Skill Metadata

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

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