tailwind-v4

Name: tailwind-v4
Availability: InStock
Author: anderskev

Community

CSS-first Tailwind v4 theming and tokens.

Design & Creative #theming #tailwind #design-tokens #oklch #css-first #v4

Authoranderskev

Version1.0.0

Installs0

System Documentation

What problem does it solve?

Tailwind CSS v4 introduces a CSS-first design token approach with the @theme directive for token-based theming and dark mode strategies.

Core Features & Use Cases

CSS-first theme tokens via @theme and @theme inline
OKLCH color support for design tokens
Dark mode strategies using class, media-query, or data-theme

Quick Start

Define a color token with @theme and apply it to a utility like text- and bg- classes, then toggle dark mode.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: tailwind-v4
Download link: https://github.com/anderskev/beagle/archive/main.zip#tailwind-v4

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.

View Source Repository