LogoClawIndex
案例技能关于
LogoClawIndex

tailwindcss-advanced-layouts - Tailwind CSS 高级布局模式

提供用于高级 Grid、Flexbox、响应式、容器查询、定位、滚动和宽高比布局的 Tailwind CSS 模式。

标签

更新于: 2026-09-28

能力

典型输入

典型输出

该技能可以做什么

  • 设计 CSS Grid 布局
  • 创建响应式网格模式
  • 应用 Flexbox 尺寸模式
  • 构建容器查询布局
  • 实现粘性定位
  • 配置滚动行为
  • 设置响应式宽高比
  • 管理布局层级

输入

  • 布局需求
  • 内容结构
  • Tailwind CSS 项目
  • 媒体资源

输出

  • Tailwind CSS 布局代码
  • 布局模式指导
  • CSS 工具类定义

要求

  • Tailwind CSS

来源

  • 规范: SKILL.md

ClawIndex

OpenClaw Skills 与 Use Case 索引

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

索引

Skills·
Cases

Meta

关于·
声明·
邮箱·
GitHub
© 2026 ClawIndex 保留所有权利。
Tailwind CSS
CSS Grid
Flexbox
响应式布局
容器查询
滚动布局
宽高比
设计 CSS Grid 布局
创建响应式网格模式
应用 Flexbox 尺寸模式
构建容器查询布局
布局需求
内容结构
Tailwind CSS 项目
Tailwind CSS 布局代码
布局模式指导
CSS 工具类定义