演读 DECK 产线与发布
将以下提示词粘贴到你的 AI 对话框中:
请根据 https://skillhub.cn/install/skillhub.md,安装 @user_5cc4cdb8/hekouwang-yandu-deck-skill。
技能介绍
要解决什么问题
长文和短视频之间缺少一种「安静讲完一个复杂主题」的载体:一屏一镜、可键盘/触屏翻页、还能自动播放,适合方法论、国标解读、工程手记这类需要图表与节奏的内容。本技能覆盖「文章 HTML → 演示版 deck → 站点发布」后半段,与内容产线 hekouwang-content-factory-skill 配套;前者出图文,这里把同一套视觉与 SVG 映射成 keynote 式演示并上线。
技能如何工作
- 引擎模板:默认
deck-engine-米白.html,国标系列用deck-engine-V6焰彩白.html;规则是只换 slide 内容与顶栏/title/片尾,</style>与<script>之后逻辑与 CSS 逐字保留,避免重写 fit、导航、深链#N、自动播放等能力。 - 一图一镜:源文每个 section 与每张图对应一屏;封面 + 速览仪表条开头,片尾签收卡收尾;SVG 逐字搬运,在外层加
.an、.bar、.tok等进场钩子,而不是重画图表。 - 放映 / 提词器:模板内置讲者模块;S 开独立讲者窗(
BroadcastChannel同步),主屏可投影录屏;每镜<p class="notes">作口播稿,观众不可见。 - 发布链路:
scripts/publish.py读MANIFEST构建dist/——localize()去掉 Google/loli 外链、字体落到/fonts/,subset_cjk()按全站用字子集化思源与配套字重;home.html与publish.py必须同目录;留言板走 Pages Functions + D1(wrangler.toml的database_id落地自填)。 - 真身与副本:项目内
/演读DECK/为日常修改的真身;skill 内是可移植副本,改完跑scripts/sync-from-harness.sh同步,否则副本过时。
边界与注意
- 强依赖内容工厂的源 HTML、token 与字体路径占位
{{SKILL_DIR}};仅用引擎可只拷assets/templates/deck-engine-*.html(examples/demo.html可零依赖预览)。 dist/每次构建清空,勿在 dist 里改;本地预览需http服务,file:// 字体与讲者弹窗易失效。- 新 EP 不要再选暖黑/焰彩黑模板;存量换肤见
references/换肤-token-flip.md。CF_BEACON_TOKEN与 D1 id 勿沿用他人占位值。
使用场景
- 内容工厂已产出带 SVG 的 V2 长文 HTML,需要按「一图一镜」做成可翻页演示并挂到演读站点干净 URL
- 要在录屏或现场投影时主屏只显示 deck,另开讲者窗用每镜 `notes` 当口播稿并同步翻页
- 新一期 EP 定稿后要在 `publish.py` 的 MANIFEST 登记 slug、系列与屏数,并构建 `dist/` 部署到 CF Pages
- 存量暖黑/焰彩黑演示要按 `换肤-token-flip.md` 迁回米白主色,避免新 EP 继续沿用历史模板
适合人员
- 维护禾口王内容流水线、每篇方法论长文都要同步上线图文版与演读演示版的作者
- 负责演读 DECK 站点、要手改 `home.html` 系列卡并和 MANIFEST/SERIES_META 保持一致的前端或运营
- 需要把复杂 AI/国标主题做成可自动播放翻页稿并对外分享的讲师或课程录制者
- 用 Cloudflare Pages 自托管字体、顺带接 D1 留言板、不愿依赖 Google Fonts CDN 的静态站维护者