Canonical: https://botbento.com/zh/usecases/interactive-web-guide-generator-from-video-transcripts/
Format: Markdown representation of the public HTML page.

[首页](/) / [用例](/zh/usecases/) / [编程](/zh/usecases/?category=coding)

编程 · 中级

已验证

自动化验证

- 已通过全部自动化关卡：结构校验、唯一性、HTTPS 与来源链接可访问、提示注入与安全扫描、审批步骤规则。
- 未记录起草模型。
- 第二模型审核：deepseek/deepseek-v4-pro（无严重或高危问题）。
- 简体中文译文：google/gemini-4-argon，由 openai/gpt-5.5 审核。
- 验证于 2026-10-16。
- 仅经自动化检查和 AI 审核，未经人工审核。[验证如何运作](/zh/usecases/verification/)

# 基于视频字幕的交互式网页指南生成器

将技术讲座字幕转化为交互式的独立可视化学习指南

[在 BotBento 中使用 ](https://app.botbento.com/?ref=usecases&utm_source=botbento.com&utm_medium=usecases&utm_campaign=interactive-web-guide-generator-from-video-transcripts)复制提示词分享[Markdown](/text/zh/usecases/interactive-web-guide-generator-from-video-transcripts/index.md)[English](/usecases/interactive-web-guide-generator-from-video-transcripts/)

打开 BotBento。请将提示词粘贴到 Bot 中；不含任何预设配置。

- 你提问时触发接收字幕文件
- 然后提取概念并编写网页布局代码
- 结果交付交互式 HTML 指南

解析内容密集的讲座字幕或技术演讲，构建交互式单页网页指南。Bot 会提取核心概念，将其结构化为可视化拆解内容，并生成简洁、独立的 HTML 和 JavaScript 演示文稿，以便直观学习和快速查阅。

## 起步提示词

BotBento推荐

```
收到技术字幕或讲座笔记时，解析核心概念与时间脉络。设计一份包含可视化解说、可折叠章节与交互式图表的独立交互式 HTML 文档。在将任何文件保存或部署到外部代码库之前，先提交代码草稿供审阅。
```

复制

## 所用工具

文档终端GitHub

## 适用于

BotBento

## 标签

- transcripts
- education
- webdev
- visualization

## 来源

[Show HN: How LLMs Work – Interactive visual guide based on Karpathy's lecture](https://news.ycombinator.com/item?id=47886517)
Hacker News · 已核查 2026-10-15

内容以我们自己的话概述。其中描述的任何结果均为原作者所述，并非 BotBento 实测。

由 AI 辅助自英文版翻译，并经自动审核模型检查。以英文文本为准。

作者：BotBento Editorial · 发布于 2026-10-15 · 更新于 2026-10-15 · [提交更正](/contact/)

## 相关用例

-

编程高级

## [构建 Python 智能体执行图](/zh/usecases/assembling-python-agent-execution-graphs/)

构建模块化智能体例程，验证工具节点，并运行自动化评估集。

终端GitHub文档[已验证](/zh/usecases/verification/)
-

编程高级

## [审计 Web 应用程序的端点安全漏洞](/zh/usecases/audit-web-applications-for-endpoint-security-vulnerabilities/)

检查 HTTP 流量、探测路由并标记授权问题

浏览器终端GitHub[已验证](/zh/usecases/verification/)
-

编程中级

## [审计自动化工作流仓库中的模式缺陷与机密信息](/zh/usecases/auditing-automation-workflow-repositories-for-schema-flaws/)

扫描自动化模板，检测结构错误，并暂存修复方案以供审查

终端GitHub文档[已验证](/zh/usecases/verification/)