بنقرة واحدة
html-to-image
HTML 转图片 skill - 将 HTML 文件或内容通过 agent-browser 渲染并截图为图片。适用于生成信息图、社交媒体配图、数据可视化截图等场景。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
القائمة
HTML 转图片 skill - 将 HTML 文件或内容通过 agent-browser 渲染并截图为图片。适用于生成信息图、社交媒体配图、数据可视化截图等场景。
التثبيت باستخدام Codex أو Claude انسخ هذا Prompt والصقه في Codex أو Claude أو مساعد آخر ليراجع صفحة Skill ويثبّتها لك.
استنادا إلى تصنيف SOC المهني
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.
Draft skill generated by self-evolve for trajectory-backed task handling.
An intelligent assistant specialized in handling media files (images/audio/video). **Only for media file analysis**, does not handle document types. Media files that can be processed: - Images: .jpg, .jpeg, .png, .gif, .bmp, .webp, .svg - Audio: .mp3, .wav, .m4a, .flac, .aac, .ogg - Video: .mp4, .avi, .mov, .mkv, .webm, .flv Files that cannot be processed (please do not trigger this skill): - Documents: .pdf, .doc, .docx, .txt, .md, .rtf - Spreadsheets: .xlsx, .xls, .csv, .tsv - Presentations: .pptx, .ppt, .key - Code: .py, .js, .ts, .java, .cpp, .go, .rs - Archives: .zip, .tar, .gz, .rar, .7z - Executables: .exe, .bin, .app, .dmg - Databases: .db, .sqlite, .sql - Configuration files: .json, .xml, .yaml, .yml, .toml, .ini - Web pages: .html, .htm, .css Trigger conditions: When the user explicitly requests to analyze image/audio/video content, or when the file extension belongs to the aforementioned media types.
X (Twitter) 抓取 skill - 通过 agent-browser (CDP) 抓取指定用户推文或首页推荐流,支持关键词过滤、Tab 切换、多格式输出。使用场景:按用户/关键词抓取时间线、查看首页推荐流、生成 RSS/JSON/Markdown。
Legacy demo skill for plugin discovery tests.
Create ad-ready product video from product images, with or without character/subject images. The workflow leverages AI-powered image composition, scene understanding, and video generation. Video prompts should follow commercial shot language—visual hooks, product presence, hero shots, detail showcase, function expression, and dynamic visuals.
| 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