---
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)