Tailwind CSS for HyperFrames

HyperFrames init --tailwind uses the Tailwind browser runtime pinned to @tailwindcss/browser@4.2.4. Treat that as Tailwind v4, not v3.

This skill is for composition HTML generated by the CLI. It is not for packages/studio, which still uses Tailwind v3 internally with tailwind.config.js, PostCSS, and @tailwind directives.

When To Use

• The user asks for Tailwind in a HyperFrames composition.
• A project was created with hyperframes init --tailwind.
• You see window.__tailwindReady in index.html.
• You need utility classes, CSS-first theme tokens, custom utilities, or v3-to-v4 migration guidance.
• The render has missing styles and the project is relying on the browser runtime.

Version Contract