LogoClawIndex
CasesSkillsAbout
LogoClawIndex

ClawIndex

OpenClaw Skills & Use Case Index

ClawIndex is an ecosystem-driven index of OpenClaw skills and real-world use cases.

Index

Skills·
Cases

Meta

About·
Disclaimer·
Email·
GitHub
© 2026 ClawIndex All Rights Reserved.

tailwindcss-advanced-layouts - Advanced Tailwind CSS Layout Patterns

Provides Tailwind CSS patterns for advanced Grid, Flexbox, responsive, container-query, positioning, scrolling, and aspect-ratio layouts.

Tags

Updated: 2026-09-28

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • Design CSS Grid layouts
  • Create responsive grid patterns
  • Apply Flexbox sizing patterns
  • Build container query layouts
  • Implement sticky positioning
  • Configure scroll behavior
  • Set responsive aspect ratios
  • Manage layout layering

Inputs

  • Layout requirements
  • Content structure
  • Tailwind CSS project
  • Media assets

Outputs

  • Tailwind CSS layout code
  • Layout pattern guidance
  • CSS utility definitions

Requirements

  • Tailwind CSS

Source

  • Spec: SKILL.md
Tailwind CSS
CSS Grid
Flexbox
Responsive Layout
Container Queries
Scroll Layout
Aspect Ratio
Design CSS Grid layouts
Create responsive grid patterns
Apply Flexbox sizing patterns
Build container query layouts
Layout requirements
Content structure
Tailwind CSS project
Tailwind CSS layout code
Layout pattern guidance
CSS utility definitions