tailwind-4

Original：🇺🇸 English

Translated

Tailwind CSS 4.1+ patterns. Use when styling components, responsive design, container queries, masks, shadows, or animations. (project)

1installs

Added on2026-02-17

NPX Install

npx skill4agent add tirtza-weinfeld/hippocampx tailwind-4

css

@import "tailwindcss";

Before writing any
@theme
or
@utility
→ READ

utilities.md

and

examples/*.css

Dark mode:
```
:root
```
/
```
.dark
```
+
```
@theme inline
```
→
```
patterns.md
```
Variants:
```
in-*
```
,
```
has-*
```
,
```
nth-*
```
, negation →
```
variants.md
```
Container queries:
```
@container
```
,
```
@sm:
```
,
```
@md:
```
→
```
variants.md
```
Entry animation:
```
starting:
```
variant →
```
patterns.md
```
Masks:
```
mask-b-from-*
```
,
```
mask-radial-*
```
→
```
patterns.md
```
Project utilities: check
```
styles/base/utilities.css
```