CtrlK
BlogDocsLog inGet started
Tessl Logo

fixing-motion-performance

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

87

1.23x
Quality

82%

Does it follow best practices?

Impact

96%

1.23x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

81%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, actionable ruleset with concrete code-level fixes and an unambiguous usage workflow. Its main gaps are minor redundancy between the priority table and section structure, and slightly incomplete code examples.

Suggestions

Drop the "rule categories by priority" table since the numbered section headers already encode category and order, saving tokens.

Make the CSS common-fix example self-contained by defining the fade-in keyframes or noting the dependency.

Consider splitting the lower-priority categories (view transitions, blur and filters) into a reference file to keep SKILL.md as a lean overview.

DimensionReasoningScore

Conciseness

The body is lean, rule-driven, and assumes Claude's competence with no concept explanations, but the "rule categories by priority" table redundantly repeats the numbered section headers that already encode priority.

4 / 5

Actionability

Concrete thresholds ("keep blur animation small (<=8px)"), named APIs ("Scroll or View Timelines", "IntersectionObserver"), and before/after fix snippets make guidance mostly executable, with minor gaps such as the CSS after-example referencing an undefined fade-in keyframe.

4 / 5

Workflow Clarity

The "how to use" section defines two unambiguous invocation modes, and the file-review mode specifies an exact report format (quoted violation, why it matters, concrete fix) with review priorities stated; as a non-destructive single-purpose skill no validation checkpoints are needed.

5 / 5

Progressive Disclosure

Sections are well-organized with a clear priority table, but all nine rule categories are inlined in a ~150-line body with no external reference files, leaving minor organization gains on the table.

4 / 5

Total

17

/

20

Passed

Description

83%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 description that pairs a concrete capability scope with an explicit, natural-language trigger clause in third person. Keyword coverage is good but could add common synonyms like "laggy" or "frame drops".

Suggestions

Add common user synonyms such as "laggy", "frame drops", or "slow animations" to the Use-when clause.

Enumerate one or two more distinct actions (e.g., "profile", "diagnose") beyond "audit and fix" to reach comprehensive action coverage.

DimensionReasoningScore

Specificity

The description names the domain and a concrete scope list ("layout thrashing, compositor properties, scroll-linked motion, and blur effects") but only offers two verbs ("Audit and fix"), leaving minor gaps versus the comprehensive multi-action anchor.

4 / 5

Completeness

Clearly answers both what ("Audit and fix animation performance issues including...") and when ("Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance") with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural user phrasings ("animations stutter", "transitions jank") alongside technical terms ("layout thrashing", "compositor"), but misses common synonyms like "laggy", "frame drops", or "60fps".

4 / 5

Distinctiveness Conflict Risk

The motion-performance niche with distinct triggers (stutter, jank, layout thrashing) is well differentiated, with only minor overlap risk against generic CSS or performance-review skills.

4 / 5

Total

17

/

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
ibelick/ui-skills
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.