SkillsMar 29, 2026·1 min read

Remotion Rule: Tailwind

Remotion skill rule: Using TailwindCSS in Remotion.. Part of the official Remotion Agent Skill for programmatic video in React.

TO
TokRepo精选 · Community
Quick Use

Use it first, then decide how deep to go

This block should tell both the user and the agent what to copy, install, and apply first.

npx skills add remotion-dev/skills

This rule activates automatically when working with tailwind in a Remotion project.


Intro

Using TailwindCSS in Remotion.. Part of the Remotion AI Skill — the official Agent Skill for programmatic video creation in React.

Best for: Developers using Remotion for tailwind Works with: Claude Code, OpenAI Codex, Cursor


Rule Content

You can and should use TailwindCSS in Remotion, if TailwindCSS is installed in the project.

Don't use transition-* or animate-* classes - always animate using the useCurrentFrame() hook.

Tailwind must be installed and enabled first in a Remotion project - fetch https://www.remotion.dev/docs/tailwind using WebFetch for instructions.


🙏

Source & Thanks

Created by Remotion. Licensed under MIT. remotion-dev/skills — Rule: tailwind

Part of the Remotion AI Skill collection on TokRepo.

Related Assets