SuperAPI AI 工具集

bento-slides

办公与效率

查看项目

更新于 10-15 22:13

技能介绍

用途:创建、编辑和校验自包含的 Bento 幻灯片(.bento.html)。核心思路是把 JSON 文档当作源文件,把打包的 .bento.html 当作不可变的应用外壳,不重新生成整个 HTML。

主要能力:提供编写规则参考(references/authoring-guide.md,含文档 schema、元素要求、动效模式、布局规则与预检清单);提供干净的自包含编辑器模板 assets/Bento_Slides.bento.html;提供脚本 scripts/bento_doc.py,可在不触碰压缩运行时的前提下提取、替换和校验 #bento-doc JSON。

使用方式:新建幻灯片时,先收集受众、目的、素材、时长与语气,规划叙事,再依据指南中的最小文档创建普通 JSON 文件(省略 docId 和 collab,Bento 首次打开时自动生成),然后执行:python3 <skill-dir>/scripts/bento_doc.py replace <skill-dir>/assets/Bento_Slides.bento.html --json /path/to/document.json --output /path/to/topic.bento.html。编辑已有幻灯片时先提取:python3 <skill-dir>/scripts/bento_doc.py extract /path/to/deck.bento.html --output /path/to/document.json,修改后原地替换:python3 <skill-dir>/scripts/bento_doc.py replace /path/to/deck.bento.html --json /path/to/document.json。每次写入后运行校验:python3 <skill-dir>/scripts/bento_doc.py validate /path/to/deck.bento.html,并在现代浏览器中检查编辑器加载、逐页溢出与对比度、动效与备注等。

设计要点:按内容选择图表、表格、morph 过渡、链接状态页、全出血图像加 ken-burns、路径动画、countUp 等;相邻页复用稳定元素 ID;为每个非状态页写备注;避免堆砌项目符号,保持单一强调色、不超过两种字体、96 px 侧边距。

限制与注意:不得重新生成完整 HTML,不得改动压缩的 bento-rt-css 或 bento-rt 块;保留未知键、已有资源、docId、协作数据与稳定元素 ID;嵌入 JSON 中的字面 < 需转义(脚本自动处理);自包含时以 data URI 嵌入图片与字体并用 asset:<key> 引用;仅嵌入短媒体,大媒体需联网播放;template: true 仅用于可分发模板,readonly: true 仅在需要纯播放版时设置;保留模板自带的 Bento 版权与第三方声明。若无法进行浏览器检查,应完成结构校验并说明视觉 QA 尚未完成。