tailwind-4

Plugin tailwind-4 from marketplace claude-configs in djankies/claude-configs. Commands read from the repo's manifest — 1 month ago.

Skills (7)

• configuring-tailwind-v4

  Configure Tailwind CSS v4 using Vite plugin, PostCSS, or CLI with CSS-first configuration via @import and @theme directives. Use when setting up new projects or migrating build tools.

• creating-custom-utilities

  Create custom utilities with @utility directive supporting static utilities, functional utilities with values, theme-based utilities, and multi-value utilities. Use when extending Tailwind with custom CSS properties or patterns.

• handling-animations

  Define animations with @keyframes within @theme directive, use animate-{name} utilities, and implement entry animations with starting: variant. Use when creating custom animations or entry effects.

• migrating-from-v3

  Migrate from Tailwind CSS v3 to v4 including configuration migration (JS to CSS), utility renames, opacity changes, and color system updates. Use when upgrading existing projects to v4.

• reviewing-tailwind-patterns

  Review Tailwind CSS v4 patterns for configuration, theming, and utility usage. Use when reviewing CSS files, Vite configs, or components using Tailwind.

• using-container-queries

  Use container queries for component-based responsive design with @container syntax and named containers. Use when building portable, reusable components that adapt to parent size instead of viewport.

• using-theme-variables

  Define and use theme variables with @theme directive, oklch() color format, semantic naming, and namespaced utilities. Use when customizing design tokens or creating design systems.

Hooks (4)

• SessionStart

  ${CLAUDE_PLUGIN_ROOT}/scripts/init-session.sh

• PreToolUse

  ${CLAUDE_PLUGIN_ROOT}/scripts/recommend-skills.sh

• PreToolUse

  ${CLAUDE_PLUGIN_ROOT}/scripts/validate-config.sh

• PostToolUse

  ${CLAUDE_PLUGIN_ROOT}/scripts/validate-tailwind-v4.sh

Similar plugins