用途:为教学内容网站补齐视觉层,适用于内容已完整但图片缺失或为占位图的场景。
主要能力:按需求选择四类素材来源——真实产品/网站截图用 Playwright 抓取;概念场景用 AI 文生图;方框箭头类图表用手绘 SVG;二维码等可扫描产物用代码生成。提供反爬时的 CDP 模式(连接真实 Chrome)、子集合并写入避免覆盖同级数据、YouTube 频道 SPA 与虚拟滚动缩略图处理、AI 图配 SVG 回退渲染、批量生成以保持风格一致等做法。
使用方式:素材按 assets/tools、illustrations、scenarios、cases、characters、qr、maps 目录约定存放;在 course-data.js 中每个单元用 illustrations[] 数组(1–3 项)声明 name、kind、alt、spec,渲染时先 hero 再 diagram 再 screenshot。批量生成可先构建 manifest 再并行调用图像 API。
限制与规则:每单元插图数须为 1–3,至少一项有真实文件,确无图片需显式 waived 并写明原因,空数组不合格;封面图不计入配额。AI 图避免人脸与品牌标识,含文字内容应使用 SVG。校验分两步:引用存在性用 web-content-audit,浏览器渲染 404 用 web-visual-verification。
适用场景:教学站点、工作坊页面的视觉素材生产与维护。具体收费、价格与平台支持情况暂未提供。