Files
hyperframes/docs/studio-app/first-video.mdx
Miguel Ángel 061a5c0265 docs: add Studio app pages for Mac and Linux (#5063)
* 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
2026-10-05 15:19:14 +00:00

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)