Agent skill · software engineering · remotion-dev
studio-css-reset
Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.
Why this skill is useful
Provides specific CSS styling patterns and debugging techniques for Remotion Studio UI that the AI wouldn't reliably generate on its own.
What it needs
About 1k tokens when loaded. Last updated 2026-08-06. 55,698 stars on the source repository.
What this skill does
Studio CSS reset Studio uses .css-reset containers to limit the effect of user styles on its UI. The bundler injects this rule in packages/bundler/src/setup-environment.ts: The rule applies to each reset container and every descendant, but only to the properties shown. It does not cover elements outside those containers or prevent a stronger user CSS rule from winning. Must-follow rule Do not rely on inheritance for a property in this reset. Each descendant receives its own reset value, so styling a parent alone will not style nested text or SVG shapes. Set the needed value on the element that renders it, or use a CSS selector that explicitly styles that descendant.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills remotion-dev/studio-css-reset