# tailwind

> Claude/Codex skill by [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 15k stars · 73k installs · Updated 2026-05-06

Tailwind CSS v4.2 browser-runtime patterns for HyperFrames compositions. Use when scaffolding or editing projects created with \`hyperframes init --tailwind\`, writing Tailwind utility classes in composition HTML, adding CSS-first Tailwind v4 theme tokens, debugging v3 vs v4 syntax, or deciding when to compile Tailwind to CSS instead of using the browser runtime.

Tags: ai, animation, ffmpeg, framework, gsap, html, mcp, puppeteer, rendering, typescript, video

## Install

```sh
git clone https://github.com/heygen-com/hyperframes /tmp/hyperframes && ln -s /tmp/hyperframes/skills/tailwind ~/.claude/skills/tailwind
```

## Links

- HTML page: https://omgskills.com/skills/heygen-com/hyperframes/tailwind/
- GitHub: https://github.com/heygen-com/hyperframes
- Author: [@heygen-com](https://omgskills.com/library/heygen-com/index.md)

## More from this repo

- [changelog-video](https://omgskills.com/skills/heygen-com/hyperframes/dot-claude/skills/changelog-video/index.md) — Turn a weekly changelog .md into a finished branded changelog video (square 1080, ~45-60s, Annie VO, animated brand...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 49k stars
- [hyperframes](https://omgskills.com/skills/heygen-com/hyperframes/hyperframes/index.md) — Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 43k stars
- [captions-overlay](https://omgskills.com/skills/heygen-com/hyperframes/dot-agents/skills/captions-overlay/index.md) — Overlay doctrine for the embedded-captions workflow — the caption MODEL (drop / rail / embed) and the rule that...
   - [@heygen-com](https://omgskills.com/library/heygen-com/index.md) · 41k stars