mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
ukimsanov
47 lines
2.3 KiB
Plaintext
47 lines
2.3 KiB
Plaintext
---
|
|
title: "Go further with HyperFrames"
|
|
sidebarTitle: "Go further"
|
|
description: "Take more control of an existing project through your agent, Studio, richer composition tools, and a reliable finish."
|
|
---
|
|
|
|
import { AdvancedPathGrid } from "/snippets/advanced-path-grid.jsx"
|
|
|
|
<Frame>
|
|
<video
|
|
alt="An existing HyperFrames project is revised with an agent, edited in Studio, enriched, checked, and rendered."
|
|
className="aspect-video w-full bg-zinc-100 object-cover dark:bg-zinc-900"
|
|
src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-go-further-v2.mp4"
|
|
poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-go-further-v2.jpg"
|
|
controls
|
|
playsInline
|
|
preload="metadata"
|
|
/>
|
|
</Frame>
|
|
|
|
The project does not change format as you gain control. Your agent, Studio, the
|
|
SDK, the Player, and the renderer all work from the same HTML project.
|
|
|
|
## Choose the surface by the size of the change
|
|
|
|
| The change | Best first move | Example |
|
|
| --- | --- | --- |
|
|
| Story, structure, or several scenes | Ask the agent | “Make the opening reveal the product by three seconds.” |
|
|
| One visible detail or moment | Edit in Studio | Change a line, crop, position, clip boundary, or keyframe. |
|
|
| The same design needs new content | Use variables or nested compositions | Produce customer, language, or format variants without duplicating the layout. |
|
|
| The project must finish reliably | Check, render, and watch the file | Run the browser gate, render through your preferred surface, then review the actual output. |
|
|
|
|
Use the highest-level tool that gives you enough control. A one-line agent
|
|
revision is usually better than hand-editing five scenes; one precise Studio edit
|
|
is usually faster than describing a two-pixel alignment change.
|
|
|
|
## Work in passes
|
|
|
|
1. **Fix the story first.** Confirm the order, emphasis, and ending before polishing motion.
|
|
2. **Correct what you can point at.** Use Studio for wording, layout, media, timing, and animation.
|
|
3. **Extract repeated decisions.** Introduce variables or reusable compositions only when repetition is real.
|
|
4. **Finish from the final project.** Run `npx hyperframes check`, render, and watch the exported file once.
|
|
|
|
The four paths below use those same decisions on a real project.
|
|
|
|
<AdvancedPathGrid />
|