メニュー
HTML 转图片 skill - 将 HTML 文件或内容通过 agent-browser 渲染并截图为图片。适用于生成信息图、社交媒体配图、数据可视化截图等场景。
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
SOC 職業分類に基づく
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/inclusionAI/AWorld --skill html-to-imageコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
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.
| 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