tailwindcss-advanced-layouts
by josiahsiegel
· Github
Tailwind CSS advanced layout techniques including CSS Grid and Flexbox patterns. PROACTIVELY activate for: (1) building complex layouts with CSS Grid, (2) grid-template-areas via Tailwind v4 arbitrary values, (3) responsive grid (grid-cols-*, auto-fit, minmax), (4) Flexbox patterns (flex-1, flex-grow, gap), (5) sticky headers and footers, (6) holy grail layout, (7) masonry-style layouts, (8) container queries (@container) with Tailwind, (9) subgrid usage, (10) aspect-ratio utilities, (11) magazine-style multi-column layouts. Provides: Grid template recipes, container-query patterns, holy-grail templates, masonry alternatives, and aspect-ratio examples.
Add tailwindcss-advanced-layouts to your agent in AIniverse
Discover more reusable skills, save them to your stack, get notified when new ones land.
Open in App · skills.shMore agent skills
find-skills
Helps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is...
gstack-autoplan
Fully reviewed plan running CEO → design → eng review automatically.
android-agp-9-upgrade
Upgrades, or migrates, an Android project to use Android Gradle Plugin (AGP) version 9. Do not use this skill for mig...
gstack-benchmark
Baseline page load times, Core Web Vitals, and resource sizes.