CtrlK
BlogDocsLog inGet started
Tessl Logo

remotion-interactivity

Structure Remotion markup for interactivity

58

Quality

68%

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 ./packages/skills/skills/remotion-interactivity/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

82%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 content is a strong, example-driven style guide: concrete code for every rule, explicit good/bad contrasts, and precise statements of what the Studio parser supports. It stays lean without padding, and its rule-per-section structure makes it easy to navigate despite being a longer single-file skill.

DimensionReasoningScore

Conciseness

The body is efficient: each section is a short rule followed by a compact example, with no explanation of what Remotion or React is, and good/bad contrast is expressed via inline code rather than prose ('// 👍 ... // ❌ ...'). It is not a 5 because a few spots could be trimmed — e.g. the 'Be sensible, if a component has many elements, the timeline might get messy' aside and the somewhat long bad-interactivity examples restate points already made.

4 / 5

Actionability

Every rule is paired with copy-paste-ready JSX/TSX covering the common cases (Interactive.Div, inline interpolate() with input-range rules, Interactive.Path with interpolatePaths(), inline Composition metadata, inline effects arrays), plus a concrete install command ('bunx remotion add @remotion/paths'). Negative examples are equally concrete, showing exactly which patterns break Studio interactivity.

5 / 5

Workflow Clarity

This is a single-purpose style-guide skill with no destructive or batch operations, so no validation checkpoints are required; each rule is unambiguous, consistently structured (directive → example → counter-example), and the interpolate() input-range rules are spelled out precisely (allowed: durationInFrames, fps, width, height from useVideoConfig(), bare identifiers, n * fps, durationInFrames - 1). It falls short of 5 only because some sections defer detail to external links ('see [Video editing]...') without indicating when in the authoring flow that guidance applies.

4 / 5

Progressive Disclosure

The body is well-organized into clear H2 sections with one-level-deep external pointers (the Studio docs link and the sibling video-editing skill link), and the SVG asset bundle is used only as an icon. It is not a 5 because at ~310 lines some self-contained subsections (SVG path morphing, composition metadata, effects) could arguably live in reference files, and the external links are plain URLs rather than well-signaled bundle references.

4 / 5

Total

17

/

20

Passed

Description

53%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 appropriately concise and third-person, naming a specific domain and action, but it omits any 'Use when' trigger guidance and does not surface the concrete capabilities the skill enables (Studio selection, drag+drop, keyframe/easing editing). It is a terse one-liner that is distinguishable yet under-specified for triggering.

Suggestions

Add an explicit trigger clause, e.g. 'Use when writing or refactoring Remotion templates/components so they can be edited visually in the Remotion Studio.'

Enumerate 2-3 concrete capabilities to improve specificity and trigger terms, e.g. 'Make elements selectable, draggable, and resizable in the Studio; keep styles, keyframes, easing, and SVG paths editable.'

Include the natural trigger phrase 'Remotion Studio' and synonyms like 'templates' or 'keyframes' so users searching those terms match this skill over sibling Remotion skills.

DimensionReasoningScore

Specificity

The description 'Structure Remotion markup for interactivity' names the domain (Remotion markup) and one concrete action (structuring markup for interactivity), which matches the anchor for naming domain plus 1-2 concrete actions but falling short of comprehensive coverage. It sits above anchor 2 because the action is tailored rather than generic ('Processes PDF files'), but below anchor 4 because only a single action is stated with no enumeration of what 'interactivity' enables.

3 / 5

Completeness

The 'what' is clear and concrete (structure Remotion markup so it becomes interactive), but the 'when' is entirely absent — there is no 'Use when...' clause or equivalent trigger guidance, which caps completeness at 3 per the judging guidelines. It is not a 4 because a usable trigger condition ('Use when authoring Remotion templates...') is not even weakly implied.

3 / 5

Trigger Term Quality

'Remotion', 'markup', and 'interactivity' are natural terms a user working with Remotion would say, giving some relevant keywords. However, common variations and synonyms are missing — no mention of 'Remotion Studio', 'templates', 'animations', 'keyframes', or 'editing in the Studio' — matching the 'some relevant keywords but missing common variations' anchor.

3 / 5

Distinctiveness Conflict Risk

'Remotion' is a clear niche that would not trigger for unrelated skills, so it sits above the overlap anchors. It falls short of 5 because 'interactivity' is broad and the skill body references a closely related sibling skill (remotion-markup/video-editing) covering adjacent Remotion-markup territory, creating minor overlap risk with closely related Remotion skills.

4 / 5

Total

13

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

relative_links

Relative link issues: 1 suspicious

Warning

Total

14

/

16

Passed

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.