CtrlK
BlogDocsLog inGet started
Tessl Logo

studio-css-reset

Style Remotion Studio UI inside `.css-reset` containers without relying on inherited reset properties.

66

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./.agents/skills/studio-css-reset/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

92%Weight 40%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is an exemplary lean, single-purpose skill: it supplies only project-specific knowledge (the exact reset rule and where it is injected) plus one unambiguous constraint, with no padding and no unnecessary external files. Its only gap is the absence of a short do/don't CSS example illustrating the fix applied to a descendant element.

DimensionReasoningScore

Conciseness

Every token earns its place: the exact injected CSS rule and its source location ("packages/bundler/src/setup-environment.ts") are project-specific facts Claude cannot know, and the "Must-follow rule" states one constraint with no padding or explanation of concepts Claude already knows. This matches anchor 5 and is well above anchor 4 (which expects some trimmable over-explanation).

5 / 5

Actionability

Shows the exact injected CSS block and gives a specific, executable instruction ("Set the needed value on the element that renders it, or use a CSS selector that explicitly styles that descendant"), but provides no do/don't code example applying the fix. It fits anchor 4 (mostly executable, minor gaps) rather than anchor 5 (copy-paste examples covering common cases).

4 / 5

Workflow Clarity

This is a simple, single-purpose skill (26 lines, one task) and the single action — never rely on inheritance for reset properties — is unambiguous, so per the rubric's simple-skill exception it scores 5. No destructive or batch operations are involved, so no validation cap applies.

5 / 5

Progressive Disclosure

The skill is under 50 lines, needs no external references, and is well-organized (context and injected rule, then its scope, then a clearly-headed "Must-follow rule"). Per the rubric's simple-skill exception this earns 5 with well-organized sections alone, and there are no bundle files or nested references that could create navigation problems.

5 / 5

Total

19

/

20

Passed

Description

65%Weight 40%Scale 1-5

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is lean, specific, and highly distinctive within a narrow niche, but it omits any explicit "Use when..." trigger guidance, which caps its completeness and leaves the "when" only implied. Adding an explicit trigger clause would resolve its main weakness.

Suggestions

Add an explicit trigger clause, e.g. "Use when styling Remotion Studio UI, the Studio player, or any element inside a `.css-reset` container."

Enumerate the concrete styling actions covered (e.g. overriding fonts, colors, backgrounds, box-sizing on nested elements and SVG shapes) to lift specificity from one action to several.

Include common user phrasings/synonyms such as "custom CSS", "Studio theming", or "Studio player styling" to broaden natural trigger coverage.

DimensionReasoningScore

Specificity

Names a concrete domain and action ("Style Remotion Studio UI inside `.css-reset` containers") but lists only one action rather than several specific ones, so coverage is not comprehensive. It is clearly above anchor 2 (which only names a generic domain) but below anchor 4 (several listed actions).

3 / 5

Completeness

The "what" is clear (style Studio UI without relying on inherited reset properties) but there is no "Use when..." clause or equivalent explicit trigger guidance; the "when" is only weakly implied by the description itself. Per the rubric guideline, a missing explicit trigger clause caps this at 3.

3 / 5

Trigger Term Quality

Includes natural terms users styling the Studio would say — "Remotion Studio", ".css-reset", "UI", "reset properties" — which is good keyword coverage. A few natural variations (e.g. "custom CSS", "Studio player", "styling the Studio") are missing, keeping it below anchor 5.

4 / 5

Distinctiveness Conflict Risk

The description occupies a clear niche (Remotion Studio's `.css-reset` containers) with distinct, unlikely-to-collide triggers. There is minimal risk it fires for an unrelated skill, matching anchor 5.

5 / 5

Total

15

/

20

Passed

Validation

100%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
remotion-dev/remotion
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.