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). HyperFrames-native: single paused timeline, seek-safe, deterministic.

Quality

91%

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

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

The SKILL.md body is a concise, well-organized router with concrete constraints and a genuinely useful audit script, and it correctly delegates the composition contract to hyperframes-core. Its main weakness is that the bundle as provided does not ship the files it routes to — the routing table, indexes, and adapter references point to paths absent from the bundle, breaking progressive disclosure and leaving the default compose workflow without its referenced material. Actionability and workflow clarity are good but stop just short of fully executable end-to-end guidance.

Suggestions

Ship the referenced files (rules-index.md, blueprints-index.md, adapters/*.md, transitions/*, techniques.md) in the bundle, or restructure the routing table to point only at files that exist so navigation resolves.

Add a minimal inline example of the default compose step — a short paused-GSAP-timeline snippet gluing 2-3 rules — so the primary workflow is executable without loading external files.

Close the feedback loop after the animation-map audit: state what to do when the audit reports dead zones, stagger inconsistency, or lifecycle warnings (e.g. which rule/index to revisit), and sequence the hyperframes-cli lint/validate step into the workflow rather than leaving it only in See Also.

DimensionReasoningScore

Conciseness

The body is a lean router: "Pick 2-4 rules from rules-index.md, glue them together with a single paused GSAP timeline, done" and "Don't restate those here" defer to hyperframes-core rather than restating its contract. It never explains concepts Claude already knows (what GSAP is, what animation is), and the only explanatory passages (e.g. why getBoundingClientRect desyncs) convey non-obvious project-specific rationale. Every token earns its place.

5 / 5

Actionability

Mostly executable guidance: a copy-paste runnable script command ("node skills/hyperframes-animation/scripts/animation-map.mjs <composition-dir> --out ..."), a concrete routing table with specific paths, and precise constraints ("Spatial motion uses GSAP transform aliases only (x, y, scale, rotation)"). It falls short of 5 because the default workflow's core step — "glue them together with a single paused GSAP timeline" — has no inline example and depends entirely on external files that are not present in the bundle.

4 / 5

Workflow Clarity

A clear decision structure is present: a default path (compose atomic rules), explicit criteria for when to load a blueprint ("The scene matches an existing pre-designed multi-phase template... and reusing its phase pipeline saves real authoring time"), runtime selection guidance, and a post-authoring validation checkpoint ("Use it to audit choreography (dead zones, stagger consistency, lifecycle warnings) after authoring"). It misses 5 because there is no explicit feedback loop for acting on audit findings and no end-to-end sequencing that ties authoring to the hyperframes-cli lint/validate steps mentioned only in See Also.

4 / 5

Progressive Disclosure

The routing-table design is well structured with clearly signaled, one-level-deep references and even anti-speculative-reading advice ("Do not read it speculatively; load it when you've already decided"), which would merit 4-5. However, scored against the actual bundle, nearly every referenced path — 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 — does not exist in the bundle (only scripts/animation-map.mjs and scripts/package-loader.mjs are present), so most navigation routes do not resolve.

3 / 5

Total

16

/

20

Passed

Description

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

The description is an exemplary skill description: it states concrete capabilities across all five knowledge categories, names every supported runtime, and gives an explicit 'Use for...' clause with concrete trigger phrases and usage modes. Trigger terms are natural and comprehensive, and the HyperFrames-specific scoping keeps conflict risk with sibling skills minimal. No changes needed.

DimensionReasoningScore

Specificity

The description lists multiple concrete content categories ("atomic motion rules, multi-phase scene blueprints, scene transitions... AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU)") and concrete actions ("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)"). This matches the anchor for comprehensive coverage of specific concrete actions; it is not score 4 because coverage spans every capability category with no gaps.

5 / 5

Completeness

It explicitly answers what ("All animation knowledge for HyperFrames" — rules, blueprints, transitions, techniques, adapters) and when ("Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API"), with concrete trigger phrases, matching the top anchor. It is not score 4 because the 'when' is fully explicit with enumerated usage modes rather than merely present.

5 / 5

Trigger Term Quality

Natural trigger terms users would say are comprehensively covered: "motion or animation task", "scene transitions", "GSAP eases", "Lottie player", "Three.js mixer", plus all seven runtime/library names (GSAP, Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU) and the motion/animation synonym pair. No natural term for this domain is identifiably missing, so it fits the comprehensive anchor rather than the 'a few natural terms missing' anchor.

5 / 5

Distinctiveness Conflict Risk

It carves a clear niche — HyperFrames-specific motion/animation with named runtimes and "single paused timeline, seek-safe, deterministic" scoping — distinct from sibling composition/creative skills. Conflict risk is minimal, matching the clear-niche anchor rather than the 'minor overlap risk with closely related skills' anchor.

5 / 5

Total

20

/

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

calesthio/OpenMontage

Path

.agents/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.