
Tailwind
Adds Tailwind CSS v4.2 browser runtime patterns for HyperFrames compositions. Use this when you scaffold with `hyperframes init --tailwind` and need utility classes, CSS-first theme tokens, or help migrating from v3 syntax. It covers the pinned `@tailwindcss/browser@4.2.4` runtime, the `window.__tailwindReady` contract, and how to keep styles deterministic for video rendering. The guidance is narrow: it's for composition HTML, not the studio package which still runs v3. Useful if you're getting missing styles on frame 0 or building class names dynamically and need to understand what the browser runtime can actually see before capture starts.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 51
- skills.sh installs
- 70.6K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill tailwind --agent claude-codeInstalls into .claude/skills of the current project.
Files
Adds Tailwind CSS v4.2 browser runtime patterns for HyperFrames compositions. Use this when you scaffold with `hyperframes init --tailwind` and need utility classes, CSS-first theme tokens, or help migrating from v3 syntax. It covers the pinned `@tailwindcss/browser@4.2.4` runtime, the `window.__tailwindReady` contract, and how to keep styles deterministic for video rendering. The guidance is narrow: it's for composition HTML, not the studio package which still runs v3. Useful if you're getting missing styles on frame 0 or building class names dynamically and need to understand what the browser runtime can actually see before capture starts.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Frontend Development, Documentation, Debugging, Automation & Workflows
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- Animejs70K
- Three69.3K
- Lottie69.1K
- Waapi68.7K
- Motion Doctrine62.2K
- Captions Overlay61.8K
- Cut The Curve61.4K
- Seam Craft61.1K
- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
- Hyperframes Core931.1K
- Hyperframes Creative917.1K