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

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Low

Low-risk findings worth noting

Quality

Content

75%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-organized overview that routes Claude to the right detailed file per intent and ships an executable audit script. It is efficient and actionable, with minor gaps: no inline example for the default compose flow and no explicit validation loop for the audit step.

Suggestions

Add a short inline GSAP timeline snippet for the default 'compose atomic rules' flow so the primary action is copy-paste ready without loading a reference file.

Add an explicit validate/fix/retry checkpoint after the animation-map audit (e.g. 're-run after fixing dead zones/stagger inconsistencies') to close the workflow feedback loop.

Tighten the opening paragraph and the Critical Constraints rationale to remove the small overlap with the frontmatter description.

Dimension	Reasoning	Score
Conciseness	Lean routing table and terse bullets assume Claude knows GSAP and the runtimes; the opening line lightly restates the description and a few constraint rationales could be trimmed, but most tokens earn their place.	4 / 5
Actionability	The routing table maps concrete wants to specific files and gives a copy-paste script command with args and env vars, but the core compose task is described abstractly ("glue them together with a single paused GSAP timeline") with no inline example.	4 / 5
Workflow Clarity	Clear decision routing (default compose vs. load-a-blueprint-when conditions) and a documented audit script, but no explicit validation/feedback checkpoint for the auditing workflow; the skill is more a router than a linear sequence.	4 / 5
Progressive Disclosure	Well-signaled one-level-deep references organized via a routing table, and scripts/animation-map.mjs resolves to a real bundle file, but most other referenced paths (rules-index.md, blueprints/, adapters/*.md) are not present in the provided bundle to verify.	4 / 5
	Total	16 / 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, specific description that clearly states capabilities and explicit trigger guidance in third person. It is comprehensive on actions and triggers, with only minor distinctiveness overlap risk against sibling HyperFrames skills.

Dimension	Reasoning	Score
Specificity	Lists multiple concrete actions ("pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API", "auditing an existing composition's choreography", "24 named text-animation effects") alongside a comprehensive domain breakdown (rules, blueprints, transitions, techniques, seven adapters).	5 / 5
Completeness	Explicitly answers both what ("All animation knowledge for HyperFrames — atomic motion rules...") and when ("Use for any motion or animation task: pick 2-4 rules and compose...") with concrete trigger phrases.	5 / 5
Trigger Term Quality	Includes natural synonyms ("motion or animation task") and runtime names users would say (GSAP, Lottie, Three.js), but lacks a few common variations and has no file-extension triggers; good but not exhaustive coverage.	4 / 5
Distinctiveness Conflict Risk	Scoped to HyperFrames with a clear niche (seven named runtime adapters, animation-map auditing), but "Use for any motion or animation task" is broad enough to risk minor overlap with sibling hyperframes-creative/core skills.	4 / 5
	Total	18 / 20 Passed

Validation

100%

Warnings & errors only

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: heygen-com/hyperframes
Path: skills/hyperframes-animation/SKILL.md
Commit: a562946

Reviewed: about 10 hours ago

Table of Contents

Discovery Implementation Validation

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.