---
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-Hant/skills/video-generation"
language: "zh-Hant"
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 skill 是什麼？

Video Generation 是 hub-ki 提供的免費 agent skill，用來製作 發布 影片。 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 上的每項 skill 都免費。

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

Potto 提供 Video Generation v0.1.0，更新於 2026年8月23日。再次複製安裝提示詞即可取得最新版本。