用途：在用 Tailwind CSS 构建页面布局、应用外壳、导航结构或响应式页面模板时提供布局参考。
主要能力：
- 应用外壳模式：侧边栏、顶部堆叠、多栏、全宽堆叠、窄侧边栏等结构，并给出移动端与桌面端的响应式行为。
- 侧边栏：固定浅色/深色、可折叠、二级导航、可展开分组等；桌面用 fixed inset-y-0 left-0 z-50 w-72，移动端应使用 Headless UI Dialog 实现离屏抽屉，具备焦点陷阱、Esc 关闭和 aria 属性。
- 导航：顶部导航、侧边导航、面包屑、分页、标签页、垂直导航、命令面板，含结构与状态类。
- 容器与内容：max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 等宽度模式、自由出血突破、分区间距。
- 栅格：响应式列、自动适配、非对称两栏、表单布局、列跨越与重叠。
- 固定与粘性：粘性页头、固定侧栏、粘性表头、底部操作栏及 z-index 分层策略。
- 响应式：移动优先，给出 sm/md/lg/xl/2xl 断点、显示隐藏与常见切换。
- 页面区块：Hero、特性网格、图文分栏、列表详情分栏、设置页侧栏标签。
使用方式：按场景选用对应结构类与响应式前缀；固定侧边栏偏移用 lg:pl-72 与 w-72 保持一致。
适用场景：后台仪表盘、SaaS 应用、营销站点、邮件客户端、详情视图、密集工具界面等。
限制：主要为布局模式与类名参考，不含业务逻辑与完整组件源码；移动端侧边栏依赖 Headless UI 或等效组件；文中给出的 MCP 组件库搜索方式需要对应环境支持。