메뉴
使用本地 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에서 현재 제공할 수 있는 파일을 다운로드하세요.
把文章标题、摘要和封面主题 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 非空、文件名唯一且输出尺寸合理。若字体、图表或远程资源未加载完成，等待明确的完成标志；超时则失败，不输出空白图冒充成功。
该技能只返回本地图片路径；公网化必须由单独上传技能在用户授权后执行。