CtrlK
BlogDocsLog inGet started
Tessl Logo

remotion-interactivity

Best practices for writing Remotion animations that stay intuitive for agents and editable in Remotion Studio Visual Mode.

56

Quality

64%

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

72%

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

The body is appropriately concise and well-structured as a thin pointer to canonical Remotion documentation plus targeted caveats. Its main weakness is actionability and workflow clarity, since the actual interactive-making procedure is delegated to external pages rather than captured in-file.

Suggestions

Add a minimal executable snippet showing the inline-prop pattern (vs an object spread) so the key rule is copy-paste ready without leaving the skill.

Inline a short 2-3 step sequence for making a component interactive (e.g. write props inline → open in Studio → confirm the prop is editable) instead of relying solely on the external link.

Clarify when to consult each referenced page (interactivity-best-practices vs make-component-interactive vs video-editing) so the navigation path is unambiguous.

DimensionReasoningScore

Conciseness

The body is lean (~12 lines), assumes Claude's competence, and adds only non-obvious caveats ('avoid object spreads') without explaining what Remotion or Studio is — every token earns its place.

3 / 3

Actionability

The 'Avoid object spreads' rule is concrete and specific, but the core guidance delegates to external URLs ('Use the canonical... page instead') with no executable code or copy-paste example, so it is incomplete rather than fully actionable.

2 / 3

Workflow Clarity

It is a simple single-task skill, but the actual make-component-interactive workflow is handed off to an external page rather than sequenced in-file, leaving the steps implicit.

2 / 3

Progressive Disclosure

The file is a clear overview with well-signaled, one-level-deep references (canonical doc URLs and a relative cross-skill link), each with descriptive link text and context; no bundle files exist to verify beyond the in-file references.

3 / 3

Total

10

/

12

Passed

Description

57%

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 identifies a clear, specific niche but reads as a descriptor rather than an action-oriented trigger statement. It lacks explicit 'Use when...' guidance and concrete action verbs, which limits its discoverability and completeness.

Suggestions

Add an explicit 'Use when...' clause naming natural triggers, e.g. 'Use when making Remotion components interactive, clickable, or editable in Remotion Studio's Visual Mode.'

Replace the abstract 'Best practices for writing' framing with concrete actions, e.g. 'Make Remotion elements and custom components interactive and editable in Studio Visual Mode; avoid object spreads for interactive props.'

Include common user-facing trigger terms like 'interactive', 'clickable', 'hover', or 'Studio Visual Mode timeline' so the description matches how users phrase the request.

DimensionReasoningScore

Specificity

Names the domain ('Remotion animations') and a concrete goal ('editable in Remotion Studio Visual Mode'), but does not list multiple specific actions like 'make components interactive' or 'avoid object spreads' — closer to 'names domain and some actions' than a full action list.

2 / 3

Completeness

It states what the skill covers ('best practices for writing Remotion animations...') but provides no 'Use when...' clause or explicit trigger guidance, which caps completeness at 2 per the judging guidelines.

2 / 3

Trigger Term Quality

'Remotion animations' and 'Remotion Studio Visual Mode' are relevant terms a user might say, but it omits the core natural trigger 'interactive/interactivity' and common variations, so coverage is partial.

2 / 3

Distinctiveness Conflict Risk

The narrow focus on Remotion Studio interactivity is a clear niche with distinct triggers, making it unlikely to fire for unrelated skills.

3 / 3

Total

9

/

12

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.

Validation14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

metadata_version

'metadata.version' is missing

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.