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-v4 - Tailwind CSS v4.1 Core Features

Processes Tailwind CSS v4.1 core features including theme variables, directives, and utilities.

Tags

Updated: 2026-02-24

Capabilities

Typical Inputs

Typical Outputs

What this skill does

  • read theme variables
  • apply @theme directive
  • create custom utilities
  • apply @apply directive
  • generate CSS from namespaces
  • process custom variants
  • handle CSS-first configuration

Inputs

  • CSS file
  • theme variables
  • @theme directive
  • CSS configuration
  • custom utility definitions
  • custom variant definitions

Outputs

  • Generated CSS
  • Updated CSS file
  • CSS utility classes
  • Theme-based styles

Requirements

  • Node.js 20+
  • Tailwind CSS v4.1 installation
  • CSS file
  • Safari 16.4+, Chrome 111+, Firefox 128+

Source

  • Spec: SKILL.md
CSS
Tailwind
Styling
Frontend
Design System
read theme variables
apply @theme directive
create custom utilities
apply @apply directive
CSS file
theme variables
@theme directive
Generated CSS
Updated CSS file
CSS utility classes