Loading skill
Install any skill in seconds. Free to start, no credit card required.
Get Started Free →remotion-dev/no-pointer
Apply Remotion Studio's pointerless interaction styling to clickable controls.
Passed 15 of 20 test cases with the skill, and 7 of 20 without it.
and 11 more in the full report
11 fixed6 passed either way3 still failing2 broke
Tokens, turns and time describe resource use, not a dollar price.
One of 11 test cases the skill fixed. Same model, same prompt, with and without the skill.
What command must be executed to run linting and unit tests specifically for `@remotion/studio`?
| Checked | Without skill | With skill |
|---|---|---|
| Executes turbo lint test command filtered for @remotion/studio | Missed | Passed |
The instructions your model reads when the skill loads.
Use the established Studio interaction convention for clickable controls:
cursor: 'default'; do not use cursor: 'pointer'.HOVERABLE_CLASS_NAME and
hoverableStyle() from packages/studio/src/helpers/hoverable.ts. Do not add
React hover state for color or background changes.TRANSPARENT for both idleBackground and hoverBackground.LIGHT_TEXT (#A6A7A9) as the idle color and WHITE (white) as the
hover color. Icons and nested text must follow the same state; inspect the
element that paints the pixels if the Studio CSS reset blocks inheritance.Remove the default outline and pointer-focus shadow, but preserve a visible
keyboard focus indicator. Add FOCUS_VISIBLE_ONLY_CLASS_NAME from
packages/studio/src/helpers/hoverable.ts to the control alongside
HOVERABLE_CLASS_NAME. The shared class implements this pattern:
.__remotion-focus-visible-only:focus {
outline: none;
box-shadow: none;
}
.__remotion-focus-visible-only:focus-visible {
box-shadow: ${FOCUS_BOX_SHADOW};
}
Never remove the :focus-visible indicator. Keep hidden actions out of the tab
order until they are discoverable.
In a running Studio, check the control's computed styles in all relevant states:
test cases passed, vs 7 / 20 without
More skills from the same source and nearby in the registry, with their headline benchmark lift.