CtrlK
BlogDocsLog inGet started
Tessl Logo

no-pointer

Apply Remotion Studio's pointerless interaction styling to clickable controls. Use when adding or revising Studio buttons or links that should use the default cursor, brighten on hover, and show focus decoration only for keyboard navigation.

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.

A tight, highly actionable single-purpose skill that gives exact symbols, paths, values, and a concrete verification checklist without any padding. It is well-organized and fully executable.

DimensionReasoningScore

Conciseness

Lean and efficient body that assumes Claude's competence, with no padding or explanation of basic CSS/cursor/focus concepts; every line earns its place.

5 / 5

Actionability

Provides exact symbols and file paths (HOVERABLE_CLASS_NAME, hoverableStyle(), FOCUS_VISIBLE_ONLY_CLASS_NAME from packages/studio/src/helpers/hoverable.ts), concrete color values, a CSS snippet, and an executable bunx turbo command.

5 / 5

Workflow Clarity

For a single-purpose styling skill, it gives a clear apply-then-verify sequence with an explicit 'Verify' validation checklist covering each interaction state plus a lint/test command.

5 / 5

Progressive Disclosure

Under 50 lines, single-purpose, with no need for external references; content is well-organized into focused sections (Focus styling, Verify), meeting the simple-skill exception.

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 precise, third-person description that clearly states the capability and provides explicit, concrete trigger guidance tied to a specific UI convention. It is specific, well-distinguished, and fully answers what and when.

DimensionReasoningScore

Specificity

Names the domain (pointerless interaction styling for clickable controls) and several concrete actions (default cursor, brighten on hover, focus decoration for keyboard navigation), with only minor coverage gaps.

4 / 5

Completeness

Explicitly answers both what (apply pointerless interaction styling) and when, with a concrete 'Use when...' clause enumerating the triggering conditions.

5 / 5

Trigger Term Quality

Includes natural phrases users would say ('Studio buttons or links', 'default cursor', 'brighten on hover', 'keyboard navigation') with good keyword coverage, though it lacks broader synonyms or extensions.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (Remotion Studio's pointerless styling convention) with distinct, codebase-specific triggers and minimal overlap risk with other 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.

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.