Skill 广场
口播稿转网页演示视频 Skill

口播稿转网页演示视频.Skill

@ConardLi/web-video-presentation

4.8优秀AI 评分基础检查通过源自 GitHub

输入文章或口播稿,自动拆解节拍并生成 16:9 交互式 React 网页动效与配音,让用户录制出电影感的高清解说视频。

自媒体B站/YouTube/视频号知识与科技类创作者技术布道师与开发者教程讲师需要制作高质感产品演示与发布会 Keynote 的产品经理2026-09-24 更新main

口播稿转网页演示视频

该功能专为需要制作高品质解说与演示视频的用户设计。它将传统的静态文章或口播脚本转化为以点击推进的 16:9 纯净网页舞台(基于 Vite + React + TypeScript)。系统通过文章到脚本转写、节奏大纲规划、章节交互实现、多引擎 TTS 语音合成到一键全屏录屏的全流程协作,使每个节拍独占一屏并配备内在动效,替代传统死板的 PPT 录屏,快速产出适合自媒体平台发布的动态视频素材。

常见场景

它能帮你做什么?

01

长文转自媒体横屏演示视频:将公众号或博客深度文章改写为分节拍口播稿,并构建16:9网页动效舞台,方便直接录屏发布。

02

电影感产品Demo与Keynote制作:替代传统静态PPT,以单步满屏动效和留白设计呈现核心产品卖点,并按步骤驱动交互式演讲展示。

03

教程解说音画一体化合成:基于开发计划自动切分讲解章节与步骤,配合多引擎TTS批量合成配音,辅助快速录制教学视频。

三步完成

怎么使用

1安装 Skill

把右侧安装请求发给你的 AI。

2说清楚目标

告诉 AI 你想完成什么,或直接贴入内容。

3检查结果

按需要继续调整语气、范围或格式。

复制就能用

你可以直接这样说

“把这篇关于 Transformer 架构解析的技术文章做成适合 B 站录屏的 16:9 网页演示项目,使用 terminal-green 主题”

“我有一篇关于个人生产力系统的 3000 字口播稿,请帮我切分节拍大纲并生成可录屏的 React 动态网页工程”

“将这份产品更新说明转写为逐项揭示的演讲口播稿,并脚手架化一个带 MiniMax 语音合成配置的演示网页”

适用人群

适合谁?

B站/YouTube/视频号知识与科技类创作者技术布道师与开发者教程讲师需要制作高质感产品演示与发布会 Keynote 的产品经理在线课程与教育内容制作人

上手门槛

使用难度

进阶

需要了解任务流程,页面已整理好使用步骤。

兼容范围

支持哪些 AI?

Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用
国内 Agent可直接使用

中文用户增强

Skill Px 做了什么?

中文说明简化使用方式补充中文案例整理安装流程降低理解难度