tailwind
Installation
SKILL.md
Tailwind CSS for FrameVideo
FrameVideo 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
Use this skill when:
- Project uses Tailwind — created with
framevideo init --tailwind - Writing utility classes — styling composition HTML with Tailwind classes
- Custom theme tokens — defining colors, fonts, spacing with
@theme - v3 to v4 migration — converting old syntax to CSS-first v4
- Runtime debugging — styles missing or
window.__tailwindReadyissues
Do NOT Use
Avoid this skill for: