---
id: jwynia/agent-skills/shadcn-layouts
version: "b06db604"
license: none
install: manual
updated: 2026-02-24
---

# Shadcn Layouts — This skill teaches the CSS constraint models that make shadcn/Tailwind layouts work—height inheritance chains, flex overflow gotchas, grid parent/child separation, and scroll container sizing. Use it when building layouts, debugging height or scroll failures, or fixing flex and grid issues in React and Next.js projects.

Publisher: jwynia · Stars: 124 · Updated: 2026-02-24

Install (manual): `git clone https://github.com/jwynia/agent-skills`

*Unlicensed repository - metadata only, no file contents reproduced.*

[View on SkillFed](https://skillfed.io/jwynia/agent-skills/shadcn-layouts) · [View on GitHub](https://github.com/jwynia/agent-skills)