Claude Code Plugins

Community-maintained marketplace

Feedback

tailwind-config-generator

@ehtbanton/ClaudeSkillsRepo
0
0

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

Install Skill

1Download skill
2Enable skills in Claude

Open claude.ai/settings/capabilities and find the "Skills" section

3Upload to Claude

Click "Upload skill" and select the downloaded ZIP file

Note: Please verify skill by going through its instructions before using it.

SKILL.md

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.