菜单
使用本地 Chromium/Puppeteer 将可信 HTML 文件中匹配 CSS 选择器的多个元素逐一截图为 PNG。适用于图表、卡片、页面或公众号内联模块批量转图，并由 wechat-echarts-blocks-to-images 间接调用。不上传图片、不改写 Markdown，不应渲染不可信 HTML。
默认使用会先检查来源的 Prompt；你也可以切换为直接命令，或下载本地副本。
决定是否安装前，请先阅读 SKILL.md，以及 SkillsMP 当前展示的配套文件。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt；运行前请先检查来源。
npx skills add https://github.com/shiker1996/wechat-newsroom-workbench --skill html-pages-to-images命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地？可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
基于 SOC 职业分类
| name | html-pages-to-images |
| description | 使用本地 Chromium/Puppeteer 将可信 HTML 文件中匹配 CSS 选择器的多个元素逐一截图为 PNG。适用于图表、卡片、页面或公众号内联模块批量转图，并由 wechat-echarts-blocks-to-images 间接调用。不上传图片、不改写 Markdown，不应渲染不可信 HTML。 |
只渲染来自当前任务或可信模板的本地 HTML。HTML 可执行脚本并加载远程资源，不要对未知来源文件使用本技能。
node index.js --htmlFile <input.html> --outputDir <output-dir> --selector <css-selector> --pageWidth 375 --pageHeight 667 --deviceScaleFactor 3
所有路径应显式传入，不依赖目录内的示例文件或默认 output。输出目录应位于当前任务工作目录，避免不同文章互相覆盖。
htmlFile：必填，本地 HTMLoutputDir：必填，PNG 输出目录selector：必填，只截图匹配元素pageWidth/pageHeight：CSS 视口尺寸deviceScaleFactor：默认 2–3，控制清晰度与内存截图前确认选择器至少匹配一个元素。完成后确认图片数量等于匹配数、每个 PNG 非空、文件名唯一且输出尺寸合理。若字体、图表或远程资源未加载完成，等待明确的完成标志；超时则失败，不输出空白图冒充成功。
该技能只返回本地图片路径；公网化必须由单独上传技能在用户授权后执行。