CtrlK
BlogDocsLog inGet started
Tessl Logo

studio-css-reset

Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset. Use when nested text or SVG icons have incorrect color, typography, sizing, hover states, or truncation in packages/studio.

76

Quality

93%

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

SKILL.md
Quality
Evals
Security

Quality

Content

100%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.

An exemplar skill body: lean, fully actionable, with a clear sequenced workflow that includes explicit verification steps. It is well-structured and appropriately scoped for a single-purpose task.

DimensionReasoningScore

Conciseness

The body is lean and assumes Claude's competence, explaining only the non-obvious reset behavior without padding basic CSS concepts; every section earns its place.

5 / 5

Actionability

It provides copy-paste-ready code (labelStyle object, AssetFileIcon color prop, truncation flex/overflow props) and concrete turbo commands covering the common cases.

5 / 5

Workflow Clarity

A clear diagnose -> style -> preserve-layout -> verify sequence includes explicit validation checkpoints (inspect computed styles in idle and interactive states, plus turbo lint/test).

5 / 5

Progressive Disclosure

Under 50 lines with well-organized headers and no need for external references, matching the simple-skill exception that lets progressive disclosure score 5.

5 / 5

Total

20

/

20

Passed

Description

87%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.

A strong, concise description with an explicit 'Use when' trigger and concrete symptom keywords; it is highly distinct and unlikely to conflict. The only minor gap is slightly less-than-comprehensive action/keyword coverage.

Suggestions

Add one more concrete action verb or synonym (e.g. 'reset, restore, or restyle') to push specificity from 4 toward 5.

Include a common synonym or file/extension term (e.g. '.css' or 'global reset') to broaden natural trigger-term coverage.

DimensionReasoningScore

Specificity

The description names the domain and concrete actions ('Diagnose and fix ... UI bugs') plus a list of specific symptom classes, but only two verbs keep it just short of fully comprehensive coverage.

4 / 5

Completeness

It clearly answers 'what' ('Diagnose and fix Remotion Studio UI bugs caused by the global CSS reset') and 'when' with an explicit 'Use when ...' clause and concrete trigger phrases.

5 / 5

Trigger Term Quality

It surfaces natural symptom phrases users would say ('incorrect color, typography, sizing, hover states, or truncation', 'nested text or SVG icons') but lacks common synonyms or file extensions.

4 / 5

Distinctiveness Conflict Risk

The niche is highly specific (Remotion Studio CSS reset, packages/studio) with distinct triggers and minimal risk of firing for unrelated skills.

5 / 5

Total

18

/

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.

Validation16 / 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.