Menu
HTML 转图片 skill - 将 HTML 文件或内容通过 agent-browser 渲染并截图为图片。适用于生成信息图、社交媒体配图、数据可视化截图等场景。
The review-first prompt is selected by default. You can switch to a direct command or download a local copy.
Read SKILL.md and any companion files shown by SkillsMP before deciding whether to install.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
A direct command skips the review prompt. Inspect the source before running it.
npx skills add https://github.com/inclusionAI/AWorld --skill html-to-imageThe command stays on one line. Scroll horizontally to inspect it before copying.
Prefer a local copy? Download the files currently available to SkillsMP.
Parse workspace files, HTTP(S) file URLs, or supported source URLs such as YouTube into Markdown, inspect source routing, and inspect resumable PDF batch status with the FileX CLI inside an AWorld sandbox. Use for reading, extracting, transcribing, inspecting, summarizing, or answering questions about PDF, Word, PowerPoint, Excel, CSV, text, Markdown, image, audio, or video files.
Automates browser interactions for web testing, form filling, screenshots, and data extraction. Use when the user needs to navigate websites, interact with web pages, fill forms, take screenshots, test web applications, or extract information from web pages.
Use for framework-gated self-evolve workflows in AWorld: evolve skills, create trajectory-backed proposals, inspect self-evolve run artifacts, run aworld-cli optimize, or prepare verified apply decisions through aworld.self_evolve gates.
Based on SOC occupation classification
Showing SKILL.md
| name | html-to-image |
| description | HTML 转图片 skill - 将 HTML 文件或内容通过 agent-browser 渲染并截图为图片。适用于生成信息图、社交媒体配图、数据可视化截图等场景。 |
将 HTML 文件或内容通过 agent-browser 渲染为图片。典型用法：Claude 生成精美 HTML → 本 skill 截图 → 得到可直接发布的图片。
.claude/skills/html-to-image/html_to_image.shagent-browser（CDP 已连接）、python3./html_to_image.sh -o <output> [-f <html_file> | -c <html_content>] [-w <width>] [-p <cdp_port>] [--full]
| 参数 | 说明 | 必填 | 默认 |
|---|---|---|---|
-o | 输出图片路径（.png） | 是 | - |
-f | HTML 文件路径（与 -c 二选一） | 二选一 | - |
-c | HTML 内容字符串（与 -f 二选一） | 二选一 | - |
-w | 视口宽度 | 否 | 1080 |
-e | 视口高度（不指定则全页截图） | 否 | - |
-p | CDP 端口 | 否 | 9222 |
--full | 全页截图（忽略视口高度限制） | 否 | 默认开启 |
# 从 HTML 文件截图
./html_to_image.sh \
-f card.html -o card.png
# 直接传入 HTML 内容
./html_to_image.sh \
-c '<html><body><h1>Hello</h1></body></html>' \
-o hello.png
# 指定宽度（适配手机尺寸）
./html_to_image.sh \
-f infographic.html -o output.png -w 750
# 固定视口截图（非全页）
./html_to_image.sh \
-f page.html -o output.png -w 1080 -e 1920 --no-full
xhs-publisher 发布到小红书# 生成图片
./html_to_image.sh -f card.html -o card.png
# 发布到小红书
./.claude/skills/xhs-publisher/publish_xhs.sh -t "标题" -c "正文" -i card.png