Skills hyperframes-core
📦

hyperframes-core

Low Risk ⚙️ External commands🌐 Network access📁 Filesystem access

Build HyperFrames Video Compositions

Teams need consistent HyperFrames HTML that renders predictably. This skill gives Claude, Codex, and Claude Code the core composition contract.

Supports: Claude Codex Code(CC)
📊 74 Adequate
1

Download the skill ZIP

2

Upload in Claude

Go to Settings → Capabilities → Skills → Upload skill

3

Toggle on and start using

Agent-readable resources

Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.

Markdown detail GET /skills/heygen-com-hyperframes-core.md Signed manifest GET /api/skills/heygen-com-hyperframes-core/manifest Signed lockfile GET /api/skills/heygen-com-hyperframes-core/lockfile

Test it

Using "hyperframes-core". A request for a simple animated title card.

Expected outcome:

A concise composition plan with root dimensions, duration, one timed clip, a paused GSAP timeline, and validation steps.

Using "hyperframes-core". A render where sub-composition animation does not play.

Expected outcome:

A diagnosis focused on host ID matching, template contents, timeline registration, and snapshot-based verification.

Using "hyperframes-core". A multi-scene video with shared narration and Tailwind styling.

Expected outcome:

A project structure recommendation covering storyboard frames, root-level audio, sub-composition slots, static Tailwind tokens, and render checks.

Security Audit

Low Risk
v1 • 6/27/2026

Static analysis reported many high-risk patterns, but review found the flagged locations are Markdown documentation, HTML examples, CLI validation commands, and framework guidance. No evidence found of malicious intent, prompt injection, credential access, hidden exfiltration, or executable package code. Residual risk is low because the skill includes user-visible shell commands, CDN script examples, and subagent process guidance that should be used only in trusted projects.

13
Files scanned
1,319
Lines analyzed
7
findings
1
Total audits
Low Risk Issues (4)
SKILL.md:73-78references/composition-patterns.md:255-257references/sub-compositions.md:182-197references/tailwind.md:106-113
Static command detections are user-facing documentation examples
The external command findings are primarily Markdown backticks, HTML snippets, and visible validation commands. The skill does not contain executable code that runs these commands automatically, but users should run them only in trusted HyperFrames projects.
references/composition-patterns.md:46references/minimal-composition.md:12references/tailwind.md:14-17
CDN script examples may load third-party code in generated compositions
Two examples include a public GSAP CDN script tag, and Tailwind guidance discusses a pinned browser runtime. This is transparent documentation, not hidden network activity, but generated videos should pin or bundle assets for locked-down rendering.
references/subagent-dispatch.md:30-35references/subagent-dispatch.md:39-41
Subagent fallback describes background CLI workers
The dispatch reference describes writing child prompts to files and starting CLI workers as background shell processes when native subagents are unavailable. This is operational workflow guidance and not malware, but it should require explicit user authorization.
references/data-attributes.md:32references/determinism-rules.md:54-56references/sub-compositions.md:176-178SKILL.md:35-39
High-risk weak-crypto and reconnaissance flags are false positives
Reviewed high and low blocker locations are prose, Markdown syntax, HTML examples, CSS, GSAP snippets, and file-name references. No evidence found of weak cryptographic algorithms, secret harvesting, system reconnaissance, or malicious prompt injection.

Risk Factors

⚙️ External commands (6)
SKILL.md:73-78 references/composition-patterns.md:255-257 references/sub-compositions.md:182-197 references/subagent-dispatch.md:30-35 references/tailwind.md:106-113 references/variables-and-media.md:36-37
🌐 Network access (4)
references/composition-patterns.md:46 references/minimal-composition.md:12 references/tailwind.md:14-17 references/determinism-rules.md:28
📁 Filesystem access (3)
references/composition-patterns.md:255-257 references/sub-compositions.md:182-197 references/subagent-dispatch.md:34-35
Audited by: codex

Quality Score

45
Architecture
100
Maintainability
87
Content
65
Community
82
Security
83
Spec Compliance

What You Can Build

Create a first renderable composition

Use the minimal composition and data attribute references to create a valid HTML video scene.

Fix render-time composition bugs

Check deterministic timing, media placement, sub-composition IDs, tracks, and validation steps when previews differ from renders.

Coordinate a multi-scene video build

Use the storyboard, script, sub-composition, and subagent dispatch references to organize scene production.

Try These Prompts

Start a minimal composition 
Use hyperframes-core to create a minimal standalone HyperFrames composition for a five second title card. Include the required root, clip timing, and paused timeline registration.
Validate an existing composition 
Review this HyperFrames HTML with hyperframes-core. Check composition IDs, clip attributes, track overlap, media placement, deterministic rules, and the validation checklist.
Plan modular scenes 
Use hyperframes-core to design a modular HyperFrames project with an index file, three sub-compositions, shared audio, and correct timeline ownership.
Audit a complex render workflow 
Use hyperframes-core to audit a HyperFrames project plan for deterministic rendering, Tailwind runtime safety, storyboard structure, subagent dispatch, and final validation gates.

Best Practices

  • Read the relevant reference file before editing composition HTML, especially for sub-compositions and media.
  • Register one paused seekable timeline per composition ID and keep render state deterministic.
  • Run HyperFrames lint, validate, inspect, and targeted snapshots before rendering a final video.

Avoid

  • Do not place video or audio inside a sub-composition template or wrapper.
  • Do not use render-time clocks, unseeded randomness, network fetches, or input state for visual output.
  • Do not mix inline scenes and sub-composition scenes without an intentional architecture.

Frequently Asked Questions

What does this skill help me build?
It helps agents build and review HyperFrames HTML compositions that can render to video.
Does it replace the HyperFrames CLI?
No. It explains the composition contract and validation workflow. The CLI still performs linting, preview, snapshots, and rendering.
Can it create full marketing videos alone?
Not alone. It covers the core composition layer. Sibling workflow skills handle product launches, explainers, websites, and other video types.
Why are deterministic rules important?
HyperFrames seeks frames out of order during rendering. Visual state must depend only on the requested time.
Does the skill include shell commands?
Yes. It includes visible validation and diagnostic command examples for trusted HyperFrames projects.
What tools are supported?
The marketplace report lists Claude, Codex, and Claude Code as supported tools.

Developer Details

Author

heygen-com

License

MIT

Repository

https://github.com/heygen-com/hyperframes/tree/main/skills/hyperframes-core/

Ref

main

File structure

📁 references/

📄 composition-patterns.md

📄 data-attributes.md

📄 determinism-rules.md

📄 full-screen-motion.md

📄 minimal-composition.md

📄 script-format.md

📄 storyboard-format.md

📄 sub-compositions.md

📄 subagent-dispatch.md

📄 tailwind.md

📄 tracks-and-clips.md

📄 variables-and-media.md

📄 SKILL.md