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

87%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

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-structured router/index skill that assumes Claude's competence and points clearly to detailed materials via a routing table and executable audit script. The main gaps are a missing inline composition code example and several referenced .md files absent from the provided bundle.

Suggestions

Add a minimal inline GSAP paused-timeline snippet to the 'Default: compose atomic rules' section so the primary path is copy-paste executable without first loading rules-index.md.

Either include the referenced rules/blueprints/adapters .md files in the bundle or note that they live in a sibling HyperFrames skill package, so signaled references are actually navigable.

Tighten a few explanatory sentences (e.g. the 'faster and produces less code' justification and the runtime-coexistence note) to reduce token cost.

Dimension	Reasoning	Score
Conciseness	Generally lean and assumes competence (no explanation of what GSAP/Lottie are), but a few sentences could be trimmed, e.g. 'This is faster and produces less code than starting from a blueprint.' and 'Multiple runtimes can coexist... so HyperFrames can seek all of them in one pass.'	4 / 5
Actionability	Provides a copy-paste-ready audit command ('node skills/hyperframes-animation/scripts/animation-map.mjs <composition-dir> --out ...') and a precise routing table, but the default compose path ('glue them together with a single paused GSAP timeline') lacks an inline executable code example.	4 / 5
Workflow Clarity	Clear default-then-optional sequence (compose rules → load blueprint → pick runtime → audit via animation-map) with the audit script acting as a validation checkpoint after authoring, though no explicit validate→fix→retry loop is spelled out for the authoring path.	4 / 5
Progressive Disclosure	Exemplary overview structure with a routing table of one-level-deep references, and the referenced scripts (animation-map.mjs, package-loader) exist in the bundle; however many referenced .md paths (rules-index.md, blueprints/, adapters/*.md) are not present in the bundle, so not every signaled reference is navigable here.	4 / 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.

A strong, third-person description that concisely names a comprehensive set of concrete capabilities and pairs them with explicit trigger guidance. It is distinctive and unlikely to trigger for the wrong skill.

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 (animation map)' and '24 named text-animation effects' — giving comprehensive coverage of capabilities.	5 / 5
Completeness	Explicitly answers both 'what' ('atomic motion rules, multi-phase scene blueprints, scene transitions...seven runtime adapters') and 'when' ('Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint...') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Natural trigger terms 'motion or animation task' plus synonyms (motion/animation) and concrete library names (GSAP eases, Lottie player, Three.js mixer) that users would actually say when they need this skill.	5 / 5
Distinctiveness Conflict Risk	Clear niche (HyperFrames-native animation, single paused timeline, seek-safe, deterministic) with distinct triggers and named runtime adapters, giving minimal conflict risk with other skills.	5 / 5
	Total	20 / 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: 0f8eb89

Reviewed: 5 days 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.