SuperAPI AI 工具集

microsim-screen-capture

通用与其它

查看项目

更新于 10-16 04:31

技能介绍

用途:为 MicroSim 可视化自动生成高质量截图,使用 Chrome 无头模式,可处理动态 JavaScript 内容与外部 CDN 库(如 vis-network.js、p5.js、Chart.js),并等待可视化完整渲染后再截图。适用于生成社交媒体预览图(og:image)、文档配图、质量评估或归档,也可配合 microsim-standardization 技能达成质量评分。

主要能力:脚本会从目录路径提取 MicroSim 名称,定位 main.html,用 Chrome 无头模式渲染,并将截图保存为 {microsim-name}.png。使用的关键 Chrome 参数包括 --headless=new、--disable-web-security、--allow-file-access-from-files、--timeout=5000、--window-size=1200,800、--hide-scrollbars。

使用方式:先校验 MicroSim 目录存在、含 main.html 且名称为 kebab-case;再执行 bash scripts/capture-screenshot.sh <microsim-directory-path>,例如 bash scripts/capture-screenshot.sh $HOME/Documents/ws/intro-to-graph/docs/sims/org-chart。完成后检查生成的 PNG 文件及大小,可用 Read 工具查看确认渲染正常。若用于标准化,可在 index.md 的 YAML frontmatter 中补充 image、og:image 等字段。

限制与排错:若可视化区域空白,可增大 --timeout 或改用 --virtual-time-budget;若提示找不到 Chrome,需安装或更新脚本中的 CHROME_PATHS;若 CDN 资源未加载,需检查网络与库 URL,或改用本地 HTTP 服务(如 python -m http.server 8000)替代 file:// URL。默认视口 1200x800,可修改 --window-size 自定义。具体收费、价格与平台支持范围暂未提供。