mirror of
https://github.com/heygen-com/hyperframes.git
synced 2026-09-14 18:01:20 +08:00
ukimsanov
3f502a0c99
# Conflicts: # docs/concepts/compositions.mdx # docs/contributing.mdx # docs/docs.json # docs/guides/antigravity.mdx # docs/guides/claude-design.mdx # docs/guides/copilot-cli.mdx # docs/guides/mcp.mdx # docs/guides/open-design.mdx # docs/guides/pipeline.mdx # docs/guides/prompting.mdx # docs/guides/skills.mdx # docs/guides/video-editor-cheatsheet.mdx # docs/packages/studio.mdx # docs/quickstart.mdx
53 lines
1.7 KiB
Plaintext
53 lines
1.7 KiB
Plaintext
---
|
|
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>
|