Agent skill · frontend-design · heygen-com

hyperframes-keyframes agent skill by heygen-com

Use when a HyperFrames composition needs a punch-in, punch-out, zoom, reframe, Ken Burns treatment, camera move, visual match/whip handoff, or other seek-safe 2D/3D keyframes; also for GSAP, CSS keyframes, Anime.js, WAAPI, FLIP, paths, masks, SVG morph/draw, text trails, 3D depth, or `hyperframes keyframes` diagnostics. Don't use for broad scene strategy, brand design, media sourcing, captions, or general video planning.

Source and license

Publisherheygen-com
Repositoryheygen-com/hyperframes
LicenseApache-2.0
Snapshot2026-10-22
Last repository commit2026-10-19
Instruction size1,911 words; 252 lines
Bundled files3

Read the publisher’s SKILL.md

Suede Skill Check: 84/100 · B

Report snapshot · · graded-v2

The rubric totals 100 points; published scores are capped at 99. Security scan: not scanned.

Source revision: cddb34feacf5. Report version 3bcdbdbd5c0c. Badge URLs follow the latest listing; save the report to keep this version.

Download report · Request a fresh review

What to review next

  • Example request: 0 of 3 points. 3 when the description quotes an example request (3–60 characters in quotation marks).
  • Bundled scripts: 0 of 2 points. 2 when the skill folder ships a scripts/ folder.
  • Tool permissions declared: 0 of 2 points. 2 when the frontmatter declares allowed-tools.

Add declarations and bundled files when they describe the skill’s actual needs. Update the source, then request a fresh review with the changed commit or PR.

ComponentPoints earnedAvailable
Structural checks5656
Description length55
Boundary clause44
Example request03
Instruction depth77
Reference files33
Bundled scripts02
Recent maintenance99
Curated-list citations07
Tool permissions declared02
Compatibility declared02

The published score is capped at 99. It measures the published files, documentation and maintenance signals. Security scan: not scanned. This assessment does not include a runtime test or a full installation-dependency review.

Install hyperframes-keyframes

The skills CLI works with Claude Code, Codex, Cursor and other agents; the other routes copy the folder by hand.

Skills CLI
npx skills add https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes-keyframes
Claude Code, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/heygen-com/hyperframes.git "$tmp/repo"
mkdir -p .claude/skills
cp -R "$tmp/repo/"skills/hyperframes-keyframes .claude/skills/
rm -rf "$tmp"
Codex, project-level copy
tmp="$(mktemp -d)"
git clone --depth 1 https://github.com/heygen-com/hyperframes.git "$tmp/repo"
mkdir -p .agents/skills
cp -R "$tmp/repo/"skills/hyperframes-keyframes .agents/skills/
rm -rf "$tmp"

For a user-level install, copy the folder to ~/.claude/skills/ (Claude Code) or ~/.agents/skills/ (Codex). Inside Codex, $skill-installer can also fetch a skill from GitHub. New to skills? Read How to install agent skills in Claude Code, Codex and Cursor.

heygen-com/hyperframes is third-party code. Read SKILL.md and any bundled scripts before you install it.

Two badges for hyperframes-keyframes

Suede Skill Check: 84/100Suede Skill Check: Grade B

Choose the numeric badge, the letter badge, or both. Each links to this skill’s Suede AI listing; either valid linked badge can qualify for the feature offer.

Markdown
[![Suede Skill Check: 84/100](https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/score.svg)](https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/)
[![Suede Skill Check: Grade B](https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/badge.svg)](https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/)
HTML
<a href="https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/"><img src="https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/score.svg" alt="Suede Skill Check: 84/100" width="160" height="175"></a>
<a href="https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/"><img src="https://suedeai.directory/heygen-com/hyperframes/hyperframes-keyframes/badge.svg" alt="Suede Skill Check: Grade B" width="160" height="175"></a>

Suede Certified on the shield refers to this published structural quality check. Security scan: not scanned. Read the methodology.

Limited-time feature offer: Display either quality badge in your repository or skill README, linked to your listing, then request verification. Suede AI checks the rendered README at a recorded commit. Eligible skills scoring 80–99 with a verified badge can receive a featured placement while the offer is open. Request badge verification.

Publishers: read How to get your agent skill found in search and cited by AI assistants.

Compare skills for this task

Browse frontend-design skills or compare scores side by side.