Skip to main content

/

/

Stats

Actions

Tags

Stats

Actions

Tags

ClaudePluginHub

Community directory for discovering and installing Claude Code plugins.

Find plugins for your project

AI-powered recommendations based on your stack.

Product

Browse Plugins
Marketplaces
Pricing
About
Contact

Resources

Learning Center
Blog
Weekly Digest
Claude Code Docs
Plugin Guide
Plugin Reference
Plugin Marketplaces

Community

Browse on GitHub
Get Support

Legal

Terms of Service
Privacy Policy

Browse · Plugins · Top Plugins · Marketplaces · Components · Technologies · Skills · Agents · Commands · Hooks · MCP Servers · LSP Servers · Output Styles · Themes · Monitors

Categories · Productivity · Development · Testing · Deployment · Security · Documentation · Data · Utilities

© 2025 ClaudePluginHub

Community Maintained · Not affiliated with Anthropic

ClaudePluginHub

ClaudePluginHub

Tools Learn Pricing

Search everything...

tailwindcss-layout | fuse-tailwindcss

Home
Skills
fuse-tailwindcss
tailwindcss-layout

Skill

tailwindcss-layout

From fuse-tailwindcss

Provides Tailwind CSS v4.1 layout utilities for Flexbox (flex, justify, items, gap), Grid (grid-cols, rows, place), positioning (absolute, relative, inset, z-index), display, spacing, alignment, and container queries (@container). Use for responsive layouts.

Popularity

Parent stars

12

Parent forks

1

Invocation

How this skill is triggered — by the user, by Claude, or both

Slash command

/fuse-tailwindcss:tailwindcss-layout

User invocable

Model invocable

Inline context

Default effort

Context Preview

The summary Claude sees in its skill listing — used to decide when to auto-load this skill

Layout utilities for building responsive layouts with Flexbox, Grid, Positioning, and Container Queries.

Supporting Files

references/flexbox.mdreferences/grid.mdreferences/position.md

SKILL.md

27 lines · ~328 tokens

Stats

LanguagePython

Parent stars12

Parent forks1

MaintenanceExcellent

Last CommitApr 5, 2026

Actions

View Source View Plugin View on GitHub View README

Tags

tailwind-layout

container-queries

responsive-design

Stats

LanguagePython

Parent stars12

Parent forks1

MaintenanceExcellent

Last CommitApr 5, 2026

Actions

View Source View Plugin View on GitHub View README

Tags

tailwind-layout

container-queries

responsive-design

Tailwind CSS Layout Utilities (v4.1)

Layout utilities for building responsive layouts with Flexbox, Grid, Positioning, and Container Queries.

Core Topics

Flexbox: flex, flex-direction, justify-content, align-items, gap
Grid: grid, grid-template-columns, grid-template-rows, place-items, place-content
Position: absolute, relative, fixed, sticky, inset, z-index
Display: block, inline, inline-block, flex, grid, hidden
Container Queries: @container, @md, @lg, responsive container sizing
Spacing: gap, space-x, space-y, multi-directional spacing
Alignment: justify-start, items-center, place-content, multi-axis alignment
Inset: inset, inset-x, inset-y, top, right, bottom, left

References

/flexbox.md - Flexbox utilities, flex direction, flex grow/shrink
/grid.md - Grid layout, columns, rows, gaps, placement
/position.md - Position utilities, absolute/relative/fixed/sticky, stacking

$

npx claudepluginhub fusengine/agents --plugin fuse-tailwindcss

Similar Skills

tailwind-patterns

41.6k

Guides Tailwind v4 CSS-first configuration, container queries, and responsive design patterns. Useful for upgrading from v3 or adopting CSS-native theme tokens.

antigravity-awesome-skills

View tailwind-patterns

tailwind-ops

24

Provides Tailwind CSS patterns for layouts with Flexbox/Grid, responsive breakpoints, container queries, dark mode, animations, and v4 migration.

3 files3 tools

View tailwind-ops

tailwind-patterns

37.9k

Guides Tailwind CSS v4 configuration with CSS-first @theme directives, design tokens, container queries, and responsive patterns.

antigravity-bundle-web-wizard

View tailwind-patterns