fuse-tailwindcss

Plugin fuse-tailwindcss from marketplace fusengine-plugins in Fusengine/claude-plugins. Commands read from the repo's manifest — today.

Skills (16)

• tailwindcss-accessibility

  Use when implementing keyboard-accessible components, screen-reader-only content, prefers-reduced-motion support, or WCAG 2.2 AA/AAA compliance.

• tailwindcss-backgrounds

  Use when styling background colors, building linear/radial/conic gradients, setting background images/position/size, or blend modes.

• tailwindcss-borders

  Use when styling element borders, rounded corners, focus outlines/rings, or divide-* separators between children.

• tailwindcss-core

  Use when configuring Tailwind CSS-first (no config.js), defining @theme tokens, or creating custom utilities/variants. Do NOT use for v3-to-v4 migration or category utility lookup.

• tailwindcss-custom-styles

  Use when creating a new named utility class, writing conditional/dark-mode variants, defining a custom variant selector, or using @apply.

• tailwindcss-effects

  Use when adding box/inset shadows, controlling opacity, applying CSS filters or backdrop filters (glassmorphism), or mask-* utilities.

• tailwindcss-interactivity

  Use when controlling cursor appearance, scroll snap/smooth behavior, text selection, pointer-events, touch actions, or caret/accent colors.

• tailwindcss-layout

  Use when building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or @container queries.

• tailwindcss-responsive

  Use when applying responsive variants at different screen widths, defining a custom breakpoint, or building container-query-based components.

• tailwindcss-sizing

  Use when setting element width/height, constraining min/max dimensions, using dynamic viewport height (h-dvh), or fixing an aspect ratio.

• tailwindcss-spacing

  Use when setting margin or padding on any side, centering with m-auto, applying negative margins, or spacing children with space-x-*/space-y-*.

• tailwindcss-transforms

  Use when scaling/rotating/translating/skewing an element, configuring transition duration/easing/delay, or applying @keyframes animations.

• tailwindcss-typography

  Use when setting font family/size/weight, aligning or wrapping text (balance/pretty), applying text-shadow or decoration, or letter/line spacing.

• tailwindcss-utilities

  Use when needing a single entry point to find which categorical tailwindcss-* skill covers a given utility class. Router/index only - do NOT use for actual class content.

• tailwindcss-utility-classes

  Use when unsure which category skill covers a given utility class and need routing to the right one. Do NOT use for concrete class lookup - go to the category skill.

• tailwindcss-v4

  Use when migrating a project from Tailwind v3 to v4, mapping @theme namespaces to generated utilities, or looking up renamed/removed v3 utilities.

Subagents (1)

• tailwindcss-expert

  Use when: tailwind.config.* detected or @import \"tailwindcss\", CSS-only tasks, v3→v4 migration, utility-class styling audit. Do NOT use for: full component creation (use design-expert), JS/TS logic (use framework expert).

Hooks (2)

• PreToolUse

  bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code

• PostToolUse

  bun $HOME/.claude/plugins/marketplaces/fusengine-plugins/plugins/node_modules/@fusengine/harness/dist/cli/bin.mjs hook claude-code tailwindcss

Similar plugins