mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-15 13:58:20 +00:00
App-mock animation showing a coding-assistant chat: typed prompt → user bubble → thinking dots → streamed code block → run → terminal output. 12s, 1920x1080, single sub-composition, vanilla GSAP (no plugins). Demonstrates that an entire React/HTML app surface can be authored as a HyperFrames composition and rendered to video by the engine. https://claude.ai/code/session_01J2p1PHWSwrbmKzbVQ9ai1s
25 lines
612 B
JSON
25 lines
612 B
JSON
{
|
|
"$schema": "https://hyperframes.heygen.com/schema/registry-item.json",
|
|
"name": "code-agent",
|
|
"type": "hyperframes:example",
|
|
"title": "Code Agent",
|
|
"description": "App-mock animation of a coding assistant: typed prompt, streamed code, run, terminal output",
|
|
"dimensions": {
|
|
"width": 1920,
|
|
"height": 1080
|
|
},
|
|
"duration": 12,
|
|
"files": [
|
|
{
|
|
"path": "compositions/main.html",
|
|
"target": "compositions/main.html",
|
|
"type": "hyperframes:composition"
|
|
},
|
|
{
|
|
"path": "index.html",
|
|
"target": "index.html",
|
|
"type": "hyperframes:composition"
|
|
}
|
|
]
|
|
}
|