用途：为智能教科书生成完整的交互式图解 MicroSim 目录，在无标注科学插图上叠加可交互的编号标注点或矩形区域，供学生探索、测验，教师可编辑位置。
主要能力：两种叠加引擎。Callout（diagram.js + style.css）用于解剖、细胞、部件等科学插图，用 callouts[] 的 x、y 点坐标绘制编号圆标与引线；Grid（grid-diagram.js + grid-overlay.css）用于对比海报或分区版式，用 zones[] 的 x1、y1、x2、y2 矩形坐标绘制透明悬停区，showLabels 控制区域内是否显示标签。支持 side-panel、top-bottom、dual-panel 三种布局，以及探索、测验、编辑三种模式。
使用方式：先安装共享库到 docs/sims/shared-libs/： mkdir -p docs/sims/shared-libs cp ~/.claude/skills/interactive-infographic-overlay/assets/shared-libs/diagram.js docs/sims/shared-libs/ cp ~/.claude/skills/interactive-infographic-overlay/assets/shared-libs/style.css docs/sims/shared-libs/ cp ~/.claude/skills/interactive-infographic-overlay/assets/shared-libs/grid-diagram.js docs/sims/shared-libs/ cp ~/.claude/skills/interactive-infographic-overlay/assets/shared-libs/grid-overlay.css docs/sims/shared-libs/ 随后创建 docs/sims/{sim-id}/，依次生成 image-prompt.md、data.json、main.html、index.md，并在 mkdocs.yml 添加导航与 exclude_docs 条目。图片生成后用 main.html?edit=true 校准坐标，点击 Copy JSON 回填 data.json。
适用场景：需要带标注的科学插图、结构图、流程图，或对比海报、分区信息图。
限制：插图内不得含任何文字、数字、箭头或标注；不适合用 Mermaid、Chart.js、p5.js 绘制的图，也不适合纯动态模拟或仅需简单内联图片的场景。父页面需在 extra.js 中监听 microsim-resize 消息以自适应 iframe 高度。具体收费与平台信息暂未提供。