---
title: "Make your first video"
description: "Install the HyperFrames skills, make one short request, and continue with your agent, Studio, or the CLI."
---

import { QuickstartContinuationGrid } from "/snippets/quickstart-continuation-grid.jsx"

<Frame>
  <video
    alt="A beginner creates a first HyperFrames video from one short request, then continues with an agent, Studio, or the CLI."
    className="w-full aspect-video bg-zinc-950"
    src="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-quickstart-v5.mp4"
    poster="https://static.heygen.ai/hyperframes-oss/docs/images/showcase/journey-quickstart-v5.jpg"
    controls
    playsInline
  />
</Frame>

## 1. Install the skills

Run this in your project folder:

```bash
npx skills add heygen-com/hyperframes --full-depth
```

Choose **Core Skills** in the picker. Keep `--full-depth` so the installer uses the current repository version. Then open or restart your coding agent in that folder.

## 2. Ask for the video

```text
Using /hyperframes, make a 10-second product intro for https://example.com.
```

The agent will propose a direction and ask for anything important that is missing. You do not need to write a production specification.

## 3. Continue from the first version

All three paths work with the same project.

<QuickstartContinuationGrid />

## What next?

<CardGroup cols={2}>
  <Card title="Choose a specific workflow" icon="route" href="/workflows">
    Product launch, explainer, captions, recut, pull request, music, motion graphic, or presentation.
  </Card>
  <Card title="Go further" icon="arrow-right" href="/go-further">
    Direct the agent, edit in Studio, build richer projects, and finish with confidence.
  </Card>
</CardGroup>