LogoClawIndex
CasesSkillsAbout
LogoClawIndex

tailwind-patterns - Tailwind CSS v4 design patterns and principles

Guide for Tailwind CSS v4 principles including CSS-first configuration, container queries, modern patterns, and design token architecture.

Tags

Updated: 2026-09-17
tailwind-csscssdesign-tokenscontainer-queriesresponsive-design

Capabilities

Configure CSS-based themesApply native container queriesImplement responsive design patternsConfigure dark mode strategies

Typical Inputs

Typical Outputs

What this skill does

  • Configure CSS-based themes
  • Apply native container queries
  • Implement responsive design patterns
  • Configure dark mode strategies
  • Build modern layouts
  • Extract reusable components

Inputs

    Outputs

      Requirements

      • Tailwind CSS v4
      • Tool access: Read, Write, Edit, Glob, Grep

      Source

      • Spec: SKILL.md

      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.