mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-03 12:17:03 +00:00
Ular Kimsanov
7224812143
* docs(studio-app): show the app working, three new pages, today's UI * docs(studio-app): correct what the app does today (fact-checked against both repos' main) Script: audio goes to HeyGen to transcribe; cuts wait in Pending video edits until Send; today's toolbar; suggested cuts. Continue from Claude Code: Mac only, inside an agent session, catch-up after that hand-off, real output. GitHub Copilot added. 4K price, 10-minute sign-in, Auto as the default, real sign-in errors, motion-guide limit, the right-panel row. Looping clips pause and respect reduced motion. * docs(studio-app): hold the Share page until Share launches (desktop-share is at 0%) * docs(studio-app): Home screenshot from a regular account on b467 (Make, Reference, Script) * Revert "docs(studio-app): hold the Share page until Share launches (desktop-share is at 0%)" This reverts commit 201070ac7b7a551c5515c1a770be4a5e8ab36ab9. * docs(studio-app): Export link label names its page * docs(studio-app): where-is-it clips re-recorded on a regular account, b467 Staff-only items are gone (Pit Crew Academy, View as a user, the HyperFrames agent, Learn). # opens tools by typing; the tools list and the @ menu match a regular account; the import clip ends before the folder list. * docs(studio-app): new Script clip on a regular account: Cut, Pending video edits, Send 1 edit, 0:22 to 0:17 * docs(studio-app): Draw clip re-recorded on a regular account (Send 1 edit to Claude Code, 1 min 52 s edit) * docs(studio-app): Export clip re-recorded on a regular account (1080p, 16 s); cloud rendering as the app shows it * docs(studio-app): Video 1 change-a-clip demo re-recorded on a regular account (Up to $1.09 shown before Make) * docs(studio-app): Share clips re-recorded on a regular account; the page mentions HeyGen's Checking step * docs(studio-app): first-video demo re-recorded on a regular account (question cards, Send answer, 29 min storyboard, 10 min build) * docs(studio-app): Reference page follows today's flow (the app reads the video, then Copy editing style or Video brief; What to swap); demo re-recorded on a regular account * docs(studio-app): autoplaying demos start muted so browsers play them; Automatic updates in troubleshooting * docs(studio-app): update home.jpg in place instead of replacing it * docs(snippets): DocsVideo stops an autoplaying loop when Reduce Motion turns on mid-visit; play loads it again * docs(studio-app): motion guides need the person's picture; drop a pending cut by deleting its row; remove two unused stills
79 lines
3.4 KiB
Plaintext
79 lines
3.4 KiB
Plaintext
---
|
|
title: "Make your first video in the Studio app"
|
|
sidebarTitle: "First video"
|
|
description: "Describe a video in one sentence, answer the agent's questions, approve a storyboard, and get your first video in the HyperFrames Studio app."
|
|
---
|
|
|
|
import { HoverVideo } from "/snippets/hover-video.jsx";
|
|
|
|
import { DocsVideo } from "/snippets/docs-video.jsx";
|
|
|
|
Type one sentence on Home and choose **Let's go**. The agent may ask a question or two, shows you the video as stills,
|
|
and builds it when you approve.
|
|
|
|
<DocsVideo
|
|
title="A first video in the Studio app: one sentence, two questions, a storyboard, the finished film"
|
|
src="https://static.heygen.ai/hyperframes-oss/docs/studio-demos/first-video-demo-v2.mp4"
|
|
poster="/public/images/studio-app/first-video-demo-v2.jpg"
|
|
aspect="16 / 10"
|
|
autoPlay
|
|
loop
|
|
/>
|
|
|
|
*Recorded with Claude Code as the agent. The waits play fast: the storyboard took 29 minutes and the
|
|
build 10.*
|
|
|
|
## What happens
|
|
|
|
<HoverVideo className="hf-aside hf-spot" src="https://static.heygen.ai/hyperframes-oss/docs/studio-demos/storyboard-tab-v2.mp4" poster="/public/images/studio-app/spots/storyboard-tab-v2.jpg" hasAudio={false} label="The Storyboard tab above the preview" />
|
|
|
|
<Steps>
|
|
<Step title="Say what you want">
|
|
In **Make something**, describe the video ("A 12-second launch teaser for Lumen, a running shoe that glows at
|
|
night"). Add files with **+**, or start from a video you like in **Reference**.
|
|
</Step>
|
|
<Step title="Answer its questions">
|
|
When something matters and you didn't say it, the agent asks with a card: which of three concepts, how the
|
|
product should look, or whether to use your own image. Pick one (the agent marks the one it recommends), or choose
|
|
**Something else…** and type, then **Send answer**.
|
|
</Step>
|
|
<Step title="Approve the storyboard">
|
|
With **Start with a storyboard** on (the default), you see every shot as a still with its timing in the
|
|
**Storyboard** tab. Tell it which frame to change, or choose **Build the video**.
|
|
</Step>
|
|
<Step title="Watch, then change it">
|
|
The finished video plays in **Preview**. Change anything by saying it, pointing at it or drawing on it:
|
|
[edit a video with the agent](/studio-app/edit-with-the-agent).
|
|
</Step>
|
|
</Steps>
|
|
|
|
If you aren't signed in or have no agent yet, the app walks you through that first and then sends your request.
|
|
|
|
## Or take the step by step
|
|
|
|
**Take the step by step**, next to **Remix from inspiration** on Home, builds a launch video from four parts taken
|
|
from real launch videos. It also opens by itself the very first time.
|
|
|
|
<Frame caption="The first-video card: four parts, then your website or idea.">
|
|
<img
|
|
src="/public/images/studio-app/first-video.jpg"
|
|
alt="The Create your first video card with Hook, Proof, Turn and Call to action slots and a field for your website or idea"
|
|
/>
|
|
</Frame>
|
|
|
|
| Part | What it does |
|
|
| --- | --- |
|
|
| **Hook** | Grab attention in the first seconds |
|
|
| **Proof** | Show the product doing its job |
|
|
| **Turn** | Flip from problem to answer |
|
|
| **Call to action** | Land the brand and the ask |
|
|
|
|
Shuffle the parts until you like them, type your website (it gives the agent your fonts, colors and logo) or an idea,
|
|
and choose **Use this cut**.
|
|
|
|
## Related topics
|
|
|
|
- [Edit a video with the agent](/studio-app/edit-with-the-agent)
|
|
- [Use your brand kit](/studio-app/brand-kits)
|
|
- [Connect your agent](/studio-app/connect-your-agent)
|