Communitygithub.com

conardli/web-video-presentation

把一篇文章或口播稿,做成"看起来像视频"的点击驱动 16:9 网页演示,可选合成口播音频。流程:原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事(稿子 / outline / 主题 / 素材 / 开发模式)→ 网页开发(逐章 / 顺序 / 并行)→ 可选音频合成(provider-agnostic:内置 MiniMax mmx-cli + OpenAI TTS,可换 ElevenLabs / edge-tts / Azure / 自带 TTS)。**outline 只规划节奏与信息密度,不规划动画** —— 动画由章节开发时按 PRINCIPLES + ANTI-AI 法则即时设计。每次点击推进口播稿的一个节拍,每一步独占整屏,进度条平时隐藏只在悬浮时出现。适用场景:用网页做视频(动态 PPT 但不像 PPT)、把口播稿 / 文章变成可交互的解说、为 B 站 / YouTube / 视频号录屏教程、做有电影感的产品 / talk demo。本 Skill 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。

web-video-presentation 是什么?

web-video-presentation is a Codex agent skill that 把一篇文章或口播稿,做成"看起来像视频"的点击驱动 16:9 网页演示,可选合成口播音频。流程:原始文章 → **一次产出**口播稿 + outline 开发计划 → 用户**一次对齐** 5 件事(稿子 / outline / 主题 / 素材 / 开发模式)→ 网页开发(逐章 / 顺序 / 并行)→ 可选音频合成(provider-agnostic:内置 MiniMax mmx-cli + OpenAI TTS,可换 ElevenLabs / edge-tts / Azure / 自带 TTS)。**outline 只规划节奏与信息密度,不规划动画** —— 动画由章节开发时按 PRINCIPLES + ANTI-AI 法则即时设计。每次点击推进口播稿的一个节拍,每一步独占整屏,进度条平时隐藏只在悬浮时出现。适用场景:用网页做视频(动态 PPT 但不像 PPT)、把口播稿 / 文章变成可交互的解说、为 B 站 / YouTube / 视频号录屏教程、做有电影感的产品 / talk demo。本 Skill 沉淀的是设计方法论 + 协作流程 —— 不绑定任何特定样式 / 字体 / 颜色 —— 因此能复用到任意主题与美学。.

兼容平台~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 是做什么的?

Convert an article or spoken script into a click-driven 16:9 web presentation that "looks like a video," with optional voice-over audio synthesis. Workflow: original article → one-shot generation of script + outline dev plan → user one-pass alignment of 5 items (script / outline / theme / assets / dev mode) → web development (chapter-by-chapter / sequential / parallel) → optional audio synthesis (provider-agnostic: built-in MiniMax mmx-cli + OpenAI TTS, swappable with ElevenLabs / edge-tts / Azure / custom TTS). The outline only plans pacing and information density — not animations — animations are designed ad-hoc during chapter development following PRINCIPLES + ANTI-AI guidelines. Each click advances one beat of the script; each step occupies the full screen; the progress bar is hidden by default and appears only on hover. Use cases: create a video-like web page (dynamic PPT but not like PPT), turn a script/article into an interactive narration, record screen tutorials for Bilibili / YouTube / WeChat Channels, build cinematic product or talk demos. This skill encapsulates a design methodology + collaboration workflow — it is not tied to any specific style / font / color — so it can be reused across any theme and aesthetic.

Individual skills in this repo

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

相关技能