稿件 → HTML
上课演讲,先把逐字稿规划成完整故事与逐页蓝图;视频分镜,用导演稿逐镜还原。选择制作模式和模板,复制完整提示词,交给你常用的 AI 生成。
你要制作哪一种 HTML?
已下载该项目
在 Codex 中直接开始
无需填写下方表单。复制提示词后,用 @ 选择你电脑中的实际文件即可。
使用 @html-presentation, 把 @我的新稿件.md 制作成 @你喜欢的模板 的 HTML, 输出到 @你要存放的位置,不要覆盖原稿。
注意:不要原样使用示例名称。粘贴到 Codex 后,请把每个 @ 位置换成你电脑中对应的项目文件夹、稿件、模板和输出位置。
第一次写导演稿?查看格式说明和范例
导演稿不是逐字稿。请从“镜 01”开始连续编号,每一镜写清观众看到什么、文字如何出现,以及这一镜对应的完整口播。生成时会严格一镜一页。
- 布局、画面、图示:说明页面结构和观众最终看到的元素。
- 花字:只写需要突出的短句或金句,不要复制整段口播。
- 动效、转场:描述入场、强调和下一镜如何衔接。
- 口播:逐字保留本镜旁白,不能遗漏、重复或改写。
## 镜 01|开场提问
- 布局:居中大字,画面留白
- 画面:问题从模糊逐渐变清晰
- 花字:学编程还值得吗?
- 图示:抽象代码符号与一个问号
- 动效:花字淡入,问号轻微放大
- 转场:问题向左退出,衔接下一镜
- 口播:如果 AI 一秒钟就能写出你练三个月的代码,那你辛苦学的编程,还值钱吗?
## 镜 02|给出结论
- 布局:左右对比
- 画面:左侧“只会写代码”,右侧“解决问题”
- 花字:工具会变,判断不会过时
- 图示:旧 → 新
- 动效:左右内容依次出现,箭头最后点亮
- 转场:强调色铺满画面后切换
- 口播:真正不会过时的,不是某一种语言,而是你分析问题和完成产品的能力。
每一段口播只能属于一个镜头。镜头编号不要跳号;制作备注不会出现在最终 HTML 画面中。
你想让你的 HTML 是怎样的类型?
你的 逐字稿 是怎样的?
复制完整提示词到相关的 AI Agent!
查看完整提示词
编辑区位于全部模板下方,点击任意模板卡片即可切换。
播放由 B 站提供;如加载失败或需要登录、高清画质,可前往 B 站观看。
正在加载 README...
无法加载 README
请确认 README.md 文件存在,或直接 打开原文件 查看。