Skip to content

/tailwind-patterns

Provides Tailwind CSS v4 patterns for CSS-first configuration, container queries, design tokens, and utility-first component architecture. Use when working with Tailwind CSS files or when the user mentions Tailwind, Tailwind v4, or utility-first CSS.

shell
$ npx -y skills add tranhieutt/software_development_department --skill tailwind-patterns --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

  • Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
  • You can call itInvoke it directly when you want it.
  • Slash command/tailwind-patterns
How auto-invocation works

Context preview

The summary Claude sees to decide when to auto-load this skill.

Provides Tailwind CSS v4 patterns for CSS-first configuration, container queries, design tokens, and utility-first component architecture. Use when working with Tailwind CSS files or when the user mentions Tailwind, Tailwind v4, or utility-first CSS.
Ships withsoftware-development-department

Software Development Department

Get the whole plugin, auto-invoked