mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-11-03 04:07:03 +00:00
Miguel Ángel
061a5c0265
* docs: add Studio app pages for getting started with the Mac app Six short pages in a new Studio app tab: get the app, connect Claude Code or Codex, make your first video, change it with the agent, export, and updates and troubleshooting. Screenshots come from a neutral fixture project. * docs: cover Linux in the Studio app pages The app ships a Linux AppImage beside the Mac app. Install steps get Mac and Linux tabs, platform labels name both, and troubleshooting lists where projects, settings and exports live. * docs: correct Studio app sign-in, install and edit details First launch asks for HeyGen sign-in on the first click; the Mac download is a disk image with an installer inside; Select shows Prompt to edit; the Connect screen sends the waiting request itself; billing, export quality and update wording match the app. Open Terminal is described for both systems. * docs: keep Studio app tables readable on phones Three-column tables scrolled sideways at 390 px and the data-folder table broke paths mid-word; they become two-column tables and a short list. * docs: quote Studio app messages without their periods Quoted UI text no longer carries its own period into a sentence or table cell, and the Mac install step says the HeyGen check can take a minute or two. * docs: match Studio app installer and update messages Quote the installer's HeyGen check, damaged-download and slow-check messages, and the stalled-update messages with Download it instead and Settings' Download the latest version. * docs: fix Studio app sign-in timeout and Codex setup wording * docs: name Framey's stuck-update line in Studio app troubleshooting * docs: use one Studio app message per update state A stalled update says 'The update is taking longer than it should' and a failed one 'The update didn't finish', in Framey's line and on the card alike; Try again starts the update over. * docs: say Try again starts a new update, not one from zero
57 lines
2.3 KiB
Plaintext
57 lines
2.3 KiB
Plaintext
---
|
|
title: "Make your first video"
|
|
description: "Pick four parts, add your website or idea, and let the agent build your first video in the HyperFrames Studio app."
|
|
---
|
|
|
|
The **Create your first video** card on Home builds a launch video from four parts, each taken from a real launch
|
|
video. You pick the parts, add your website or an idea, and the agent builds one video from them.
|
|
|
|
<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 |
|
|
|
|
## Build it
|
|
|
|
<Steps>
|
|
<Step title="Pick the four parts">
|
|
The card starts with one clip in each part. Use the shuffle button beside them for a new set, or hover a part to
|
|
shuffle it or browse the others.
|
|
</Step>
|
|
<Step title="Add your website or idea">
|
|
Type your website, such as `yourcompany.com`, or describe your idea. A website gives the agent your fonts, colors
|
|
and logo.
|
|
</Step>
|
|
<Step title="Choose Use this cut">
|
|
The request goes straight to the agent. If you are not signed in or have no agent yet, the app walks you through
|
|
that first, then sends it.
|
|
</Step>
|
|
</Steps>
|
|
|
|
## What should happen
|
|
|
|
The app creates a project for your video and the agent starts building it. On your first video, a short tour
|
|
replays how a launch video was made while yours builds, then Framey takes you to your project. In the project, the
|
|
chat shows what the agent is doing, such as **Reading files** or **Editing files**.
|
|
|
|
When the agent finishes, the video is ready to play, change, and export.
|
|
|
|
## Start from your own words instead
|
|
|
|
You do not need the card. Choose **Back to home**, type what you want in the prompt box, and press Enter. Type `@` to add files, other
|
|
projects, or media. To open the card again later, choose **Take the step by step** next to **Get inspired**.
|
|
|
|
## Related topics
|
|
|
|
- [Change your video with the agent](/studio-app/edit-with-the-agent)
|
|
- [Connect your agent](/studio-app/connect-your-agent)
|