メニュー
使用本地 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コマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
把文章标题、摘要和封面主题 SPEC 转译成一张 900×383 的横向封面 HTML/CSS。适用于公众号文章封面 AI 视觉生成，不负责改写文章、生成图片或修改标题事实。
将 Markdown 中显式的 Mermaid 围栏渲染为 PNG，并用本地路径或经用户授权上传后的 HTTPS URL 替换原围栏。适用于 Mermaid 流程图、架构图、时序图和状态图转图片，或由 wechat-article-typeset 串行处理 images.md 工作文件。未经明确授权不得上传图片。
把已确认的故事板和事实内容设计成一组有主题、有层级、有节奏、可直接截图的小红书视觉卡片 HTML。适用于故事板完成后的 AI 视觉生成，不负责事实采集、事件分析或程序化页面渲染。
SOC 職業分類に基づく
SKILL.md を表示中
| 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 非空、文件名唯一且输出尺寸合理。若字体、图表或远程资源未加载完成，等待明确的完成标志；超时则失败，不输出空白图冒充成功。
该技能只返回本地图片路径；公网化必须由单独上传技能在用户授权后执行。