LogoClawIndex
CasesSkillsAbout
LogoClawIndex

tailwind-design-system - Build Tailwind CSS v4 design systems

Build design systems with Tailwind CSS v4, design tokens, component libraries, responsive patterns, and accessibility.

Tags

Updated: 2026-10-16
Tailwind CSSdesign systemsdesign tokenscomponent librariesresponsive designaccessibilitydark mode

Capabilities

Define design tokensBuild component librariesCreate responsive componentsImplement accessible components

Typical Inputs

Component library requirementsDesign token definitionsUI pattern specifications

Typical Outputs

CSS configuration filesReusable component filesDesign token definitions

What this skill does

  • Define design tokens
  • Build component libraries
  • Create responsive components
  • Implement accessible components
  • Configure dark mode
  • Migrate Tailwind v3 projects
  • Standardize UI patterns

Inputs

  • Component library requirements
  • Design token definitions
  • UI pattern specifications
  • Tailwind project files
  • Responsive layout requirements

Outputs

  • CSS configuration files
  • Reusable component files
  • Design token definitions
  • Responsive UI patterns
  • Dark mode styles

Requirements

  • Tailwind CSS v4
  • CSS-first configuration support

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.