CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

emilkowalski-motion

Motion-design follow-up skill inspired by Emil Kowalski's animation guidance. Use after an interface exists to add tasteful micro-interactions, state transitions, and page motion with product-grade restraint.

66

Quality

83%

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

86%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, opinionated instruction-only skill: concrete numbers, explicit do/don't rules, a clear inspect-then-implement sequence, and well-organized sections with zero filler. The only real gap is the absence of any verification step or a small worked example (e.g. a hover-transition snippet pairing duration with easing) to anchor the guidance.

DimensionReasoningScore

Conciseness

The ~30-line body is dense directive content with no padding and no re-explanation of concepts Claude already knows; statements like 'Prefer transform and opacity. Avoid animating layout properties such as top, left, width, or height' encode taste guidance rather than textbook filler. Every token earns its place, matching the lean-and-efficient anchor.

5 / 5

Actionability

Guidance is concrete: exact durations ('140-220ms for most controls'), specific CSS properties, 'prefers-reduced-motion' fallbacks, and cleanup of observers/timers. No code examples, but the skill is instruction-only and the guidance is actionable, which the scoring notes say not to penalize; minor gaps (no easing/duration pairing example) keep it below fully-executable at 5.

4 / 5

Workflow Clarity

The Workflow section gives a clear sequence (inspect first, pick the smallest set of motion moments, implement, add fallbacks, clean up) and this is not a destructive or batch operation, so no hard cap applies. It misses a 5 because there is no explicit verify step (e.g. testing the reduced-motion fallback in the artifact), leaving a minor validation gap.

4 / 5

Progressive Disclosure

The skill is under 50 lines with no external reference material needed (no references/, scripts/, or assets/ directories exist), and the body is organized into three well-labeled sections (Workflow, Motion Rules, Implementation Notes). This satisfies the simple-skill exception for a top progressive-disclosure score.

5 / 5

Total

18

/

20

Passed

Description

75%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 well-formed description that names its niche, lists three concrete capability areas, and includes an explicit 'Use after an interface exists' trigger clause. It sits solidly at the good-but-not-exemplary level: keyword coverage and the when-clause could each be sharpened with concrete trigger phrases.

Suggestions

Add concrete trigger phrases to the when-clause, e.g. 'Use after an interface exists or when the user asks for motion polish, hover effects, or page transitions'.

Fold one or two natural synonyms (e.g. 'animate', 'hover effects', 'transitions') into the description itself rather than relying solely on the separate triggers list.

Mention the reduced-motion/accessibility capability ('with prefers-reduced-motion fallbacks') to close the coverage gap in the action list.

DimensionReasoningScore

Specificity

The description lists several concrete actions ('add tasteful micro-interactions, state transitions, and page motion') with only minor gaps such as no mention of reduced-motion fallbacks or supported frameworks. It falls between the comprehensive anchor (5) and the 1-2-action anchor (3), fitting 'several specific actions; minor gaps in coverage'.

4 / 5

Completeness

Both parts are explicit: what ('add tasteful micro-interactions, state transitions, and page motion with product-grade restraint') and when ('Use after an interface exists'), so the missing-when cap of 3 does not apply. Not a 5 because the when-clause lacks concrete trigger phrases such as 'use when the user asks for motion polish'.

4 / 5

Trigger Term Quality

Natural terms like 'motion-design', 'micro-interactions', 'state transitions', and 'page motion' are present, but common variations users would say ('hover', 'animate', 'transition effects', 'easing') are absent from the description itself (a separate triggers list exists, but the description field has a few natural terms missing). Fits 'good keyword coverage; a few natural terms missing' rather than the comprehensive-synonym anchor at 5.

4 / 5

Distinctiveness Conflict Risk

The motion-polish follow-up niche with an explicit 'after an interface exists' precondition is clearly distinguishable from general design or animation skills. Minor overlap risk remains with generic CSS/animation guidance, matching 'mostly distinct; minor overlap risk' rather than the minimal-conflict anchor at 5.

4 / 5

Total

16

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

15

/

16

Passed

Repository

nexu-io/open-design

Path

skills/emilkowalski-motion/SKILL.md

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.