ReddRadar
Agent skill
tailwindcss-layout
Layout utilities Tailwind CSS v4.1. Flexbox (flex, justify, items, gap), Grid (grid-cols, grid-rows, place), Position (absolute, relative, fixed, sticky, inset, z-index), Container queries (@container).
Install this agent skill to your Project
npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/data/tailwindcss-layout
SKILL.md
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
Recommended Agent Skills
Expand your agent's capabilities with these related and highly-rated skills.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
majiayu000/claude-skill-registry
agent-ops-spec
Manage specification documents in .agent/specs/. Use when user provides requirements, acceptance criteria, or feature descriptions that need to be tracked and validated against implementation.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-testing
Test strategy, execution, and coverage analysis. Use when designing tests, running test suites, or analyzing test results beyond baseline checks.
majiayu000/claude-skill-registry
agent-ops-state
Maintain .agent state files. Use at session start, after meaningful steps, and before concluding: read/update constitution/memory/focus/issues/baseline consistently.
Didn't find tool you were looking for?