tailwindcss-layout
Use when building flex or grid layouts, positioning elements (absolute/relative/fixed/sticky), managing z-index/inset, or @container queries.
Target: Design & content creation. Automatically collected · unverified.
Excerpt from the author’s documentation
Extracted from a fixed version of SKILL.md in its original language. This is the author’s documentation; installation, compatibility and runtime results have not been verified by this site.
Read the original English text
Topics in the source
- Tailwind CSS Layout Utilities (v4.3)
- Core Topics
- Display
- References
Layout utilities for Tailwind CSS v4.3: Flexbox (flex, direction, justify-, items-, gap), Grid (grid-cols-, grid-rows-, place-), Position (absolute/relative/fixed/sticky, inset-, z-), Display (block/inline/flex/grid/hidden), and Container Queries (@container, @md/@lg container-relative breakpoints). Also covers multi-directional spacing (gap, space-x/space-y) and multi-axis alignment utilities. Layout utilities for building responsive layouts with Flexbox, Grid, Positioning, and Container Queries. 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, @container-size (since v4.3, size container for cqb/cqh units), @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, logical inset-s/inset-e/inset-bs/inset-be (since v4.2; start-/end- deprecated) /flexbox.md - Flexbox utiliti
This is an excerpt. Refer to the complete source and its current requirements.
- Source repository
- Fusengine/claude-plugins
- Source file
- plugins/tailwindcss/skills/tailwindcss-layout/SKILL.md
- Fixed revision
- b9f82810cf3b5e3c4350332ac3ef618d60163cc0
Requirements
- Only the author’s Skill metadata is included. Read the full instructions to check dependencies, licensing and conditions of use.
A small first task
先阅读原作者说明，再决定是否在自己的 AI 工具中使用。
Instructions for your AI tool
- Claude Desktop: resource-specific guide not available yet
- Claude Code: resource-specific guide not available yet
- Cursor: resource-specific guide not available yet
- Codex: resource-specific guide not available yet
Author documentation is not live verification by this site. Without evidence, we do not mark a resource as compatible, safe or free.
Sources and evidence
This record was collected automatically. Its documentation, suitability and runtime behavior have not been manually verified.
Author: Fusengine/claude-plugins · original repository metadata. Documentation review: Not reviewed. Last source check: 2026-11-11T11:01:45.920Z.
Categories are inferred from names, descriptions and paths. They do not establish compatibility.
License and attribution
MIT. Third-party content and copyright remain with their authors. Refer to the original license and terms.
Original license ↗Synchronization, copying and user-reported success do not mark a resource as runtime-tested.
Limitations and notes
- Collecting metadata does not mean this site has installed, adapted, runtime-tested or security-reviewed the resource.