Tailwindcss Plugins

Covers official Tailwind plugins (typography, forms, container queries) and custom plugin development. You'll reach for this when setting up prose styles for markdown content, resetting form elements to something actually styleable, or writing container queries that respond to parent width instead of viewport. The skill includes v4's CSS-first approach with @utility directives, which is a cleaner path than spinning up JavaScript plugins for simple things. Honestly most useful as a reference when you forget the prose element modifiers or container query breakpoint sizes. The custom plugin examples show both the old plugin() API and the new CSS directives, so it's solid for migration work too.

skills.sh installs: 202
GitHub stars: 61
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add josiahsiegel/claude-plugin-marketplace --skill tailwindcss-plugins --agent claude-code

Installs into .claude/skills of the current project.

Files

Tailwind CSS Plugins

Official Plugins

@tailwindcss/typography

Beautiful typographic defaults for content you don't control (Markdown, CMS content).

Installation

npm install -D @tailwindcss/typography

@import "tailwindcss";
@plugin "@tailwindcss/typography";

Basic Usage

<article class="prose">
  <h1>Article Title</h1>
  <p>This content gets beautiful default styles...</p>
</article>

Size Modifiers

Class	Description
`prose-sm`	Smaller text (14px base)
`prose`	Default (16px base)
`prose-lg`	Larger text (18px base)
`prose-xl`	Extra large (20px base)
`prose-2xl`	Huge (24px base)

<article class="prose md:prose-lg lg:prose-xl">
  <!-- Responsive sizing -->
</article>

Color Themes

<article class="prose prose-slate">Gray theme</article>
<article class="prose prose-zinc">Zinc theme</article>
<article class="prose prose-neutral">Neutral theme</article>
<article class="prose prose-stone">Stone theme</article>