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-code

Installs 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 GitHub

Sponsors

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
1expo avatarexpo-tailwind-setupexpo/skillsFramework (OSS). Set up Tailwind CSS v4 in Expo with react-native-css and NativeWind v5 for universal styling53.6Kskills.sh installs
2angular avatarangular-developerangular/skillsGenerates Angular code and provides architectural guidance. Trigger when creating projects, components, services, or HTTP communication, or for best practices o48.9Kskills.sh installs
3nextlevelbuilder avatarui-stylingnextlevelbuilder/ui-ux-pro-max-skillCreate beautiful, accessible user interfaces with shadcn/ui components (built on Radix UI + Tailwind), Tailwind CSS utility-first styling, and canvas-based visu48.2Kskills.sh installs
4wshobson avatarnextjs-app-router-patternswshobson/agentsMaster Next.js 14+ App Router with Server Components, streaming, parallel routes, and advanced data fetching. Use when building Next.js applications, implementi33.6Kskills.sh installs
5antfu avatarnuxtantfu/skillsNuxt full-stack Vue framework with SSR, auto-imports, and file-based routing. Use when working with Nuxt apps, server routes, useFetch, middleware, or hybrid re24.6Kskills.sh installs
6giuseppe-trisciuoglio avatarshadcn-uigiuseppe-trisciuoglio/developer-kitProvides complete shadcn/ui component library patterns including installation, configuration, and implementation of accessible React components. Use when settin22.7Kskills.sh installs