LogoClawIndex
案例技能关于
LogoClawIndex

ClawIndex

OpenClaw Skills 与 Use Case 索引

ClawIndex 是一个生态驱动的 OpenClaw Skills 与真实 Use Case 索引站。

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。

tailwindcss-advanced-layouts - 构建高级 Tailwind CSS 布局

提供 Tailwind CSS 网格、弹性盒、容器查询、定位、滚动和宽高比布局的模式与示例。

标签

更新于: 2026-09-28

能力

典型输入

典型输出

该技能可以做什么

  • 创建复杂网格布局
  • 配置网格模板区域
  • 构建响应式网格
  • 应用 Flexbox 尺寸模式
  • 实现容器查询
  • 定位粘性和固定元素
  • 配置滚动行为
  • 设置响应式宽高比

输入

  • 布局需求
  • 响应式断点
  • 内容结构
  • 媒体尺寸

输出

  • Tailwind CSS 代码示例
  • 布局实现指导

要求

    来源

    • 规范: SKILL.md
    Tailwind CSS
    CSS Grid
    Flexbox
    容器查询
    响应式布局
    CSS 定位
    滚动捕捉
    宽高比
    创建复杂网格布局
    配置网格模板区域
    构建响应式网格
    应用 Flexbox 尺寸模式
    布局需求
    响应式断点
    内容结构
    Tailwind CSS 代码示例
    布局实现指导