---
title: "Video Generation"
description: "Turn an app or a public website into a finished, designed demo or guide video — product demos, feature walkthroughs, how-to guides, onboarding clips, site tours."
canonical: "https://potto.ai/zh/skills/video-generation"
language: "zh-CN"
dateModified: "2026-08-23"
---

# Video Generation

Turn an app or a public website into a finished, designed demo or guide video — product demos, feature walkthroughs, how-to guides, onboarding clips, site tours.

Turn an app or a public website into a finished, designed demo or guide video — product demos, feature walkthroughs, how-to guides, onboarding clips, site tours. Two sources: it can DRIVE AND RECORD a web page with Playwright (preferred — chrome-free, 2x, re-runnable), or take a screen recording (.mov/.mp4) you hand it. Covers the pipeline end to end: brand, capture or ingest, cut and crop, compose in a floating-window design system (spotlights, freeze-frames, caption cards), narrate with ElevenLabs, verify against the source pixels, render 1080p then 4K.

- 运行于: Claude Code, Codex
- 输出: MP4, WebM, Editable HTML
- 需要: `ELEVENLABS_API_KEY`
- 生成所用: Your agent's own model + ElevenLabs
- v0.1.0 · hub-ki

## Video Generation 常见问题

Video Generation 的作用、可运行它的智能体、所需的密钥，以及如何免费安装。

### Video Generation 技能是什么？

Video Generation 是 hub-ki 提供的免费 agent 技能，用来制作 发布 视频。 Turn an app or a public website into a finished, designed demo or guide video — product demos, feature walkthroughs, how-to guides, onboarding clips, site tours.

### Video Generation 会生成什么？

Video Generation 会生成 MP4、WebM和Editable HTML。

### 哪些 agent 可以运行 Video Generation？

Video Generation 可在 Claude Code和Codex 中运行，也可在任何能读取 SKILL.md 的其他 agent 中运行。

### Video Generation 需要 API 密钥吗？

是的。运行前请在智能体环境中设置 Video Generation 所需的 ELEVENLABS_API_KEY。

### 如何安装 Video Generation？

登录后，复制 Video Generation 的安装提示词并粘贴到你的 agent，或下载它的 ZIP。Potto 上的每项技能都免费。

### Potto 上的 Video Generation 是哪个版本？

Potto 提供 Video Generation v0.1.0，更新于 2026年8月23日。再次复制安装提示词即可获得最新版本。