hyperframes-keyframes
Build seek-safe HyperFrames keyframes
Animation can fail when playback is not deterministic or visible poses are unclear. This skill defines keyframes, runtime rules, and diagnostics for reliable HyperFrames motion.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "hyperframes-keyframes" from https://skillstore.io/skills/heygen-com-hyperframes-keyframes.md and its manifest at https://skillstore.io/api/skills/heygen-com-hyperframes-keyframes/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "hyperframes-keyframes". A notification card should enter, pause for reading, then settle in its final position.
Expected outcome:
- Moving subject: notification card.
- Poses: offscreen start, readable arrival, final settled state.
- Use a finite registered timeline with an explicit final hold.
- Capture snapshots at arrival, final-minus-hold, and exact final.
Using "hyperframes-keyframes". A logo path should draw on before the final lockup.
Expected outcome:
- Use stroke drawing for the visible route.
- Define a blank start, a clear partial draw, a completed logo, and a final hold.
- Verify the partial and completed states with focused snapshots.
Security Audit
SafeAll 49 static detections are false positives. The scanner treated Markdown backticks and animation terminology as shell execution or system reconnaissance. The skill documents deterministic animation techniques and HyperFrames diagnostic commands; no prompt injection, data exfiltration, credential access, or malicious intent was found.
Risk Factors
⚙️ External commands (45)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/heygen-com-hyperframes-keyframes?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/heygen-com-hyperframes-keyframes?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/heygen-com-hyperframes-keyframes/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/heygen-com-hyperframes-keyframes.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA · BibTeX · CFF)
APA citation
heygen-com. (2026). hyperframes-keyframes security audit report (audit version 8) [Author version unspecified]. Skillstore. https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8BibTeX citation
@techreport{heygen-com-heygen-com-hyperframes-keyframes-2026,
author = {heygen-com},
title = {hyperframes-keyframes security audit report (audit version 8)},
institution = {Skillstore},
year = {2026},
number = {8},
url = {https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8},
note = {Author version unspecified}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "hyperframes-keyframes security audit report (audit version 8)"
version: "unspecified"
type: report
authors:
- name: "heygen-com"
date-released: "2026-07-19"
url: "https://skillstore.io/skills/heygen-com-hyperframes-keyframes/audits/8"
identifiers:
- type: other
value: "skillstore:heygen-com-hyperframes-keyframes:audit:8"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Refine product motion
Define visible UI state changes with deterministic timing and a verified final state.
Implement animation runtime
Choose a seek-safe GSAP, CSS, Anime.js, or WAAPI implementation pattern.
Verify rendered motion
Plan targeted diagnostics and snapshots for paths, masks, text, and 3D motion.
Try These Prompts
Create a seek-safe keyframe plan for a card that moves right, settles, and remains visible at the final frame.
Choose the smallest mechanism for one element moving between two layout boxes. Explain the visible poses and final state.
Review this HyperFrames GSAP animation. List changes needed for synchronous construction, registration, finite playback, and seek-safe rendering.
Plan keyframes and diagnostics for a WebGL object that crosses depth layers. Include camera poses, proof times, and snapshot checks.
Best Practices
- Name the moving subject and every visible proof pose before implementation.
- Use finite, synchronous, registered animation instances for render-critical motion.
- Verify first frame, proof poses, final-minus-hold, and exact final with rendered snapshots.
Avoid
- Do not use timers, unseeded randomness, or uncontrolled playback for render-critical motion.
- Do not replace continuous motion with a crossfade unless replacement is the intended effect.
- Do not treat helper overlays or logs as proof when the rendered frame is incorrect.
Frequently Asked Questions
What does seek-safe mean?
When should I use this skill?
Does it support GSAP?
Can it help with SVG and WebGL motion?
How should I verify an animation?
Does it design a complete video scene?
Developer Details
Author
heygen-comLicense
MIT
Skillstore revision
r2
Version notice
The author did not declare a version.
Ref
77d0e66fbadeb1f5d1e6a5aada7861240b8ed2d7
Maintenance freshness
7/19/2026
Usage
1 downloads · 0 views
File structure