CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

animation-vocabulary

Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term ("the bouncy thing when a popover opens" → Pop in; "the iOS rubber-band scroll" → Rubber-banding). Use when the user asks "what's it called when…", or describes a motion effect without knowing its name and wants the right word to prompt an AI or designer with. For naming an effect, not designing or building one.

Quality

94%

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

The canonical home for this skill is animation-vocabulary in emilkowalski/skills

SKILL.md
Quality
Evals
Security

Quality

Content

96%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.

An exemplary instruction-only skill body: a copy-paste output format, worked examples covering the main query types, explicit disambiguation pairs, and fallback behavior for unmatched effects, all with virtually no wasted tokens. The only structural note is that the large inline glossary keeps progressive disclosure at 'good' rather than 'ideal', though keeping it always-loaded is a reasonable design choice for a lookup skill.

DimensionReasoningScore

Conciseness

The body is nearly all payload: six terse instructions, three worked examples, and one-line glossary entries that the skill explicitly instructs to "Quote the glossary verbatim" since "Its descriptions are authoritative" — so even well-known terms earn their tokens as the controlled vocabulary. No padded explanations of concepts Claude already knows, and the anti-drift check against anchor 4 finds no trimmable over-explanation.

5 / 5

Actionability

Fully executable guidance for an instruction-only skill: a copy-paste output template ("**Stagger** — Animate several items one after another with a small delay between each, creating a cascade."), three concrete input→output examples covering feel-based, disambiguation, and physics cases, and named confusable pairs ("Clip-path vs Mask, Pop in vs Bounce, Shared element transition vs Layout animation").

5 / 5

Workflow Clarity

A clear six-step sequence covering the happy path ("Read for intent, not keywords"), disambiguation, the no-match fallback ("name the closest term and say plainly it's an approximation"), and scope enforcement ("say so rather than inventing one"). This is a single-purpose lookup skill with an unambiguous action, and no destructive or batch operations exist, so no validation cap applies.

5 / 5

Progressive Disclosure

Well-organized sections (Quick Start, Instructions, Examples, ten categorized glossary groups) with clear headers, but the ~120-line glossary is inlined entirely in SKILL.md with no references. Inlining is defensible since every lookup needs the full vocabulary, yet the skill exceeds the under-50-lines simple-skill threshold, matching anchor 4's 'most content is appropriately placed; minor organization gaps' rather than 5's ideal split.

4 / 5

Total

19

/

20

Passed

Description

90%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: concrete reverse-lookup capability illustrated with two worked examples, an explicit 'Use when' trigger with the exact phrase users naturally say, and a scoping boundary that prevents mis-triggering. The only gap is that it names just one capability, keeping specificity at the 1-2-actions anchor.

Suggestions

Specificity: state the glossary's coverage breadth concretely (e.g., 'looks up terms across entrances, easing, springs, scroll-driven motion, and performance') so more than one specific capability is explicit.

Specificity: name the deliverable explicitly in the description (e.g., 'returns the best-match term with a one-line definition plus close alternates for disambiguation') alongside the reverse-lookup action.

DimensionReasoningScore

Specificity

The description names the domain ("web animation or motion effect") and one concrete action ("turns a vague description ... into its exact term") with worked examples, but lists only that single lookup capability rather than several specific actions, matching the 1-2-concrete-actions anchor. It is above anchor 2 because the named action is concrete and illustrated, but below anchor 4 because no additional specific capabilities are stated.

3 / 5

Completeness

It explicitly answers what ("Reverse-lookup glossary that turns a vague description of a web animation or motion effect into its exact term") and when ("Use when the user asks 'what's it called when…', or describes a motion effect without knowing its name"), with concrete trigger phrases and a boundary clause ("For naming an effect, not designing or building one").

5 / 5

Trigger Term Quality

It includes the exact natural phrases users would say — "what's it called when…", "the bouncy thing when a popover opens", "the iOS rubber-band scroll", "motion effect", "the right word to prompt an AI or designer" — covering synonyms and colloquial descriptions comprehensively; no file extensions apply in this domain. Anchor 4 would require natural terms to be missing, and none are.

5 / 5

Distinctiveness Conflict Risk

A clear niche (naming animation/motion effects) with distinct triggers, and the explicit negative boundary ("For naming an effect, not designing or building one") minimizes conflict with animation-design or build skills. Below-anchor check: anchor 4 requires minor overlap risk, but the boundary clause removes even that for the closest competing skill type.

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

jscraik/websites

Path

.codex/skills/animation-vocabulary/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.