Communitygithub.com

conardli/web-video-presentation

將一篇文章或口播稿,轉換為「看起來像影片」的點擊驅動 16:9 網頁簡報,可選配同步口播音訊。

web-video-presentation 是什麼?

這是一個專為 AI 代理(如 Claude Code、Cursor 等)設計的技能,用於將文字內容(如文章、口播稿)轉換為具有影片感、點擊驅動的 16:9 網頁簡報。其核心流程為:原始文章 → 一次性產出口播稿與開發大綱 → 使用者一次性對齊五項要素(稿子、大綱、主題、素材、開發模式)→ 網頁開發(可逐章、順序或並行)→ 可選的語音合成(支援多種提供者,如 MiniMax、OpenAI TTS、ElevenLabs 等)。關鍵設計理念在於大綱僅規劃節奏與資訊密度,不預設動畫;動畫由各章節開發時根據 PRINCIPLES + ANTI-AI 法則即時設計。每次點擊推進一步口播稿的節拍,每一步驟佔滿整屏,進度條平時隱藏、懸停時顯示。適用場景包括:用網頁製作影片(動態但不像典型 PPT)、將口播稿或文章轉為互動式解說、為 B 站 / YouTube / 影片號製作錄屏教學、以及製作具電影感的產品或 talk demo。此技能沈澱的是設計方法論與協作流程,不綁定特定樣式、字體或顏色,因此可複用於任意主題與美學風格,支援多個平台如 Claude Code、Cursor、Copilot、Windsurf 等。

相容平台~Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/conardli/garden-skills/tree/main/skills/web-video-presentation

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

web-video-presentation 是做什麼的?

將一篇文章或口播稿,轉換為「看起來像影片」的點擊驅動 16:9 網頁簡報,可選配同步口播音訊。流程:原始文章 → 一次性產出口播稿 + 大綱開發計劃 → 使用者一次性對齊 5 件事(稿子 / 大綱 / 主題 / 素材 / 開發模式)→ 網頁開發(逐章 / 順序 / 並行)→ 可選音訊合成(提供者無關:內建 MiniMax mmx-cli + OpenAI TTS,可換用 ElevenLabs / edge-tts / Azure / 自帶 TTS)。大綱只規劃節奏與資訊密度,不規劃動畫 —— 動畫由章節開發時按 PRINCIPLES + ANTI-AI 法則即時設計。每次點擊推進口播稿的一個節拍,每一步驟獨佔整屏,進度條平時隱藏,只在懸浮時出現。適用場景:用網頁做影片(動態 PPT 但不像 PPT)、將口播稿 / 文章變成可互動的解說、為 B 站 / YouTube / 影片號錄螢幕教學、製作有電影感的產品 / talk demo。本技能沈澱的是設計方法論 + 協作流程 —— 不綁定任何特定樣式 / 字型 / 顏色 —— 因此能複用於任意主題與美學。

Individual skills in this repo

This repo contains 3 individual skills — each has its own dedicated page.

相關技能