CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

hyperframes-animation

All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.

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

71%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 well-structured, lean index-style skill with a strong routing table, concrete script invocation, and real bundle support for motion-blur and the animation-map audit script. The main weakness is that most routing-table targets (rules, blueprints, transitions, techniques, adapters) are not present in the provided bundle, and the default compose path lacks an inline minimal example.

Suggestions

Ship the routing-table targets (rules-index.md, blueprints/, transitions/, techniques.md, adapters/) in the skill bundle, or note in SKILL.md where they live — as provided, 18+ referenced paths are dangling.

Add a short inline minimal example of the default path (2-4 rules glued on one paused GSAP timeline) so the primary workflow is executable without first loading rules/<name>.md.

Fold the 'Picking a runtime' bullets into the routing table (or vice versa) and drop the opening recap that restates the frontmatter description to trim redundant tokens.

DimensionReasoningScore

Conciseness

The body is largely lean — a routing table, terse decision rules, and one script block — and the constraint section is genuinely non-obvious domain contract rather than concepts Claude already knows. Minor trimmable padding exists: the opening paragraph restates the frontmatter description verbatim in structure, and 'Picking a runtime' overlaps the adapter rows of the routing table. Fits 'efficient; minor instances of over-explanation' rather than the every-token-earns-its-place anchor.

4 / 5

Actionability

The script section gives a copy-paste-ready bash command with flags and output path, the routing table gives exact file targets for each need, and the blueprint section states concrete load conditions. The primary compose path ('glue them together with a single paused GSAP timeline') never shows an inline minimal example — it delegates to rules/<name>.md — which is the 'minor gap' separating it from fully copy-paste-ready coverage of the common case.

4 / 5

Workflow Clarity

A clear default-first sequence is present: compose from 2-4 atomic rules, escalate to a blueprint only under two explicit conditions, then audit the result — 'Use it to audit choreography (dead zones, stagger consistency, lifecycle warnings) after authoring' is an explicit post-authoring validation checkpoint. Not anchor 5 because the audit-to-fix feedback loop is only implied and lint/check validation lives in a sibling skill ('hyperframes-cli') rather than being sequenced here.

4 / 5

Progressive Disclosure

The SKILL.md is structured exactly as an index should be (overview, routing table, one-level-deep references), and references/motion-blur.md and scripts/animation-map.mjs are real, substantial files. However, scored against the actual bundle structure, the majority of referenced paths — rules-index.md, rules/<name>.md, blueprints-index.md, blueprints/<id>.md, transitions/overview.md, transitions/catalog.md, techniques.md, and all 13 adapters/*.md — have no corresponding files in the provided bundle, making most navigation targets unverifiable/dangling. That is more than the 'minor organization gaps' of anchor 4, while the signaling itself is far better than anchor 3's buried references; the missing files are the deciding factor.

3 / 5

Total

15

/

20

Passed

Description

88%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: it enumerates concrete capabilities, gives an explicit 'Use for...' trigger clause, and names all seven runtimes. Minor risks are its breadth ('any motion or animation task') overlapping closely related skills and a few missing natural synonyms such as 'tween' or 'easing'.

DimensionReasoningScore

Specificity

Concrete actions are enumerated: 'pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer)' plus 'auditing an existing composition's choreography (animation map)' and '24 named text-animation effects'. Coverage spans every capability the skill claims (rules, blueprints, transitions, techniques, adapters), matching the comprehensive multiple-concrete-actions anchor rather than the 'minor gaps' anchor below.

5 / 5

Completeness

Both what and when are explicit: what — 'atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters'; when — 'Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API'. This mirrors the anchor-5 example structure of concrete what + explicit trigger phrases for when.

5 / 5

Trigger Term Quality

Natural terms a user would say are well covered: 'animation', 'motion', 'motion-design', 'scene transitions', 'text-animation effects', plus all seven runtime names (GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). A few natural synonyms like 'tween', 'easing' (only 'GSAP eases' appears), or 'micro-interaction' are missing, fitting the good-coverage/few-missing anchor rather than the fully comprehensive one.

4 / 5

Distinctiveness Conflict Risk

'HyperFrames-native' plus the specific runtime adapters carve out a clear niche with minimal conflict risk, but 'Use for any motion or animation task' is broad enough to overlap with sibling skills (hyperframes-creative's beat/motion planning, or generic web-animation requests outside HyperFrames), matching the 'mostly distinct; minor overlap risk with closely related skills' anchor.

4 / 5

Total

18

/

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

relative_links

Relative link issues: 1 suspicious

Warning

Total

15

/

16

Passed

Repository

heygen-com/hyperframes

Path

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