用途:把中文口播稿(通常 800-2000 字)拆解为 5-8 张幻灯片,生成一个带手绘风格 SVG 插图、适合录屏时作背景板讲解的 HTML 文件。输出保存到 ~/Downloads/[topic]-board.html,可直接用浏览器打开。
主要能力与流程:读取口播稿,按逻辑拆分为 5-8 个单元,每单元对应一张 slide;每张只讲一个核心观点,开头/定义、对比、金句总结各自独占一张,不超过 8 张。随后按内容类型选择视觉模式:定义/概念用类比插图,A vs B 对比用左右对比表格 .compare,列举要点用 2-3 列卡片网格,流程/步骤用 .flow 流程箭头,时间线/演进用时间轴 SVG,金句/总结用 .callout 高亮框。最后基于 board-template.html 生成 HTML,替换 <!-- SLIDES GO HERE --> 部分并更新 total 变量即可。
样式与组件:字体用 Caveat(手写英文)加 Noto Sans SC(中文正文);配色变量包括 --ink、--accent-red、--accent-blue、--accent-green、--paper。提供 .point 要点、.callout 高亮框、.flow 流程图、.compare 对比表格、.tag 标签等组件。SVG 要求 stroke 线条风格、圆角矩形 rx=3-4、虚线用 stroke-dasharray="4,3"、文字 font-family="Caveat, cursive",只用 4 种主题色。
使用方式:向工具提供口播稿文本,并参考 @board-template.html 获取完整 CSS 与 JS 导航逻辑;生成时复制完整模板,只替换内容区。
限制与缺失:具体安装命令、依赖、调用入口、收费与价格资料中暂未提供;生成结果以浏览器打开使用为准。质量要求为每张单一观点、标题中英双行、SVG 与内容相关、关键词用 strong、金句入 .callout、总数 5-8 张。