Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →remotion-dev/studio-css-reset
Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset.
Passed 21 of 22 test cases with the skill, and 10 of 22 without it.
and 14 more in the full report
12 fixed9 passed either way0 still failing1 broke
Tokens, turns and time describe resource use, not a dollar price.
This benchmark measured an earlier version of the skill.
A newer attempt on gemini-3.6-flash on 10/2/2026 did not produce a publishable comparison (not comparable). The snapshot above is the previously measured run.
One of 12 test cases the skill fixed. Same model, same prompt, with and without the skill.
After making changes to a custom UI component in @remotion/studio, what exact Turbo command should be run to build the package?
| Checked | Without skill | With skill |
|---|---|---|
| Specifies running bunx turbo run make --filter='@remotion/studio'. | Missed | Passed |
The instructions your model reads when the skill loads.
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:
.css-reset, .css-reset * {
font-size: 16px;
line-height: 1.5;
color: white;
font-family: Arial, Helvetica, sans-serif;
background: transparent;
box-sizing: border-box;
}
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.
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.
test cases passed, vs 10 / 22 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.