Token导航 LogoToken导航

Agent Skill · 图像处理

generate-image-from-html(generate 图像 from HTML)

用于辅助图像生成、图片编辑、视觉素材处理或图像模型工作流。它适合让 Agent 根据文本生成图片、处理背景、整理视觉提示词或调用相关图像工具。使用时需要确认输入图片、版权来源、输出格式和模型限制;涉及人物、品牌、商品或公开展示素材时,应额外核对授权、真实性和内容合规边界。

generate-image-from-html 是图像处理类 Agent Skill,可用宿主为 OpenClaw,通过ClawHub获取,权限为接触敏感数据;许可证为 MIT-0,第三方扫描已通过,按安装量在图像处理类的 1,562 个 Skill 里排第 836。

总安装 2,564周安装 109GitHub Stars 公开资料未说明下载 898核验 2026-05-01

安装说明

本站只整理中文说明,不托管安装包,也不代用户安装。
GitHub
许可证
MIT-0
版本
1.0.0

安装方式

通过对话安装

复制提示词发给支持本地命令或 Skills 的 AI 助手,先确认命令和权限,再让它执行。

请帮我安装这个 Agent Skill:generate-image-from-html(generate 图像 from HTML)
来源仓库:https://github.com/rishabhdugar/generate-image-from-html
安装命令:
openclaw skills install generate-image-from-html
安装前请先检查当前环境是否支持对应 CLI,并向我确认将要执行的命令、安装目录、联网范围和文件读写权限;确认后再执行。

命令行安装

复制命令到本机终端执行。该命令会通过 OpenClaw 从第三方来源获取 Skill;本站只展示命令,不托管安装包,也不自动执行。

ClawHubOpenClaw
openclaw skills install generate-image-from-html

这个 Skill 是做什么的

图像处理类 Skill 处理生成、裁剪、压缩和批量转换图片的任务。

从 HTML 内容或 URL 生成 PNG 图像,支持全页截图与自定义尺寸。适用于网页存档、UI 预览与静态资源提取。使用 headless Chromium 渲染,支持 Cookie 与会话保持。输出分辨率与格式需根据使用场景合理设置。

generate-image-from-html 属于图像处理类 Skill,可作为该场景下的辅助能力补充。

上手步骤

4 步
  1. 1

    确认自己的宿主工具

    公开资料标注支持 OpenClaw;先确认自己用的是其中之一,再按对应工具的 Skills 目录放置。

  2. 2

    拿到安装命令

    可以直接复制的命令是 openclaw skills install generate-image-from-html;命令里的占位符换成自己的路径或密钥再执行。

  3. 3

    安装后重启宿主

    命令执行完要完全退出宿主工具再打开,让新装的 Skill 被重新扫描到,否则列表里可能看不到。

  4. 4

    按最小权限试用

    它需要接触敏感数据,先在测试目录或测试账号里跑,确认没问题再放到正式项目。

常见问题

6 条

generate-image-from-html 怎么安装?

在终端执行 openclaw skills install generate-image-from-html。装完完全退出宿主工具再打开,让它重新扫描本地 Skill。

generate-image-from-html 支持哪些 AI 工具?

公开资料标注支持 OpenClaw。其他工具只要能读取本地 Skill 目录,一般也能手动放进去,但要自己确认触发方式是否一致。

generate-image-from-html 需要什么权限?

权限级别是接触敏感数据。该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

generate-image-from-html 是免费的吗?

来源标注的许可证是 MIT-0。本站不代收任何费用,也不托管安装包;能否商用、要不要署名,以许可证原文为准。

generate-image-from-html 用的人多吗?

公开数据是累计安装 2,564 次,近一周安装 109 次,下载 898 次。这些数字来自第三方目录统计,只能当作热度参考,不代表质量或安全性。

generate-image-from-html 安全吗?

第三方扫描结果为通过,但这只覆盖已知的静态检查项,不能替代自己读一遍源码和安装命令。

值得选的地方和要先想清楚的地方

值得选的地方

  • 专注 OpenClaw 一种宿主,触发方式和使用习惯不用来回切换。
  • 许可证明确为 MIT-0,商用和分发边界好判断。
  • 第三方扫描已通过,常见的高风险行为没有命中。

先想清楚的地方

  • 需要接触敏感数据,装到常用环境前要先评估影响面。
  • 第三方目录整理,版本更新和行为细节以来源仓库为准。

适不适合你

更适合

  • 已经在用 OpenClaw,想直接扩展它能力的人。
  • 需要处理图像处理类任务、又不想每次都手写提示词的人。
  • 需要许可证清楚、并且有第三方扫描结果的团队项目。

不太适合

  • 环境里有大量密钥、凭证,不方便给第三方 Skill 读取的人。
  • 需要厂商级技术支持和 SLA 的生产系统。

图像处理类 Skill 对比

6 个同类
Skill总安装GitHub 星权限许可证扫描
ai-image-generation

AI 图像生成 · Codex、Claude

4,365,552382调用外部服务未明确有提醒
openai-image-gen

OpenAI 图像生成 · OpenClaw

1,906,88432需要联网MIT-0有提醒
image

图像 · OpenClaw

525,99926需要联网MIT-0通过
baoyu-cover-image

宝玉封面图 · Codex、Claude

474,24016,779只读MIT有提醒
baoyu-image-gen

宝玉图像生成器 · Codex、Claude

468,00716,778接触敏感数据MIT通过
generate-image-from-html

generate 图像 from HTML · 本页

2,564—接触敏感数据MIT-0通过

按安装量取同分类前几名;数字来自第三方目录统计,只作热度参考,不代表质量结论。

SKILL.md 原文

name
generate-image
description
Generate a PNG image from HTML content or a public URL using headless Chromium. Supports custom dimensions, retina quality, full-page screenshots, cookie consent handling, and dynamic parameters.

Generate Image

What It Does

Renders a webpage or HTML content to a PNG image using headless Chromium. Supports URL screenshots and HTML-to-image rendering with full customization.

When to Use

  • Take a screenshot of a live webpage
  • Render HTML/CSS to a PNG image (social cards, banners, certificates)
  • Generate full-page scrollable screenshots
  • Create retina-quality images with custom dimensions

Required Inputs

You must provide one of:

  • html_content — raw HTML string to render
  • url — a public URL to screenshot

Authentication

Send your API key in the CLIENT-API-KEY header.

Get your free API key at https://pdfapihub.com. Full API documentation is available at https://pdfapihub.com/docs.

Use Cases

  • Social Media Cards — Generate OG images, Twitter cards, or Instagram story images from HTML templates
  • Email Banners — Create personalized email header images with dynamic content
  • Website Screenshots — Capture full-page or viewport screenshots of live websites for monitoring or previews
  • Certificate Images — Render certificates as PNG images for sharing on social media
  • Product Mockups — Generate product images with dynamic text overlays
  • Thumbnail Generation — Create consistent thumbnail images for blog posts or video previews
  • QR Code Cards — Render HTML with embedded QR codes as shareable images

Key Options

ParameterDescription
output_formaturl (default), base64, both, image/png/binary/file
width / heightOutput image dimensions in pixels
deviceScaleFactor1 (default), 2 for retina quality
full_pagetrue for full scrollable screenshot (URL mode)
wait_untilload, domcontentloaded, networkidle, commit
cookie_accept_textAuto-click cookie consent before screenshot
fontGoogle Font names, pipe-separated
dynamic_paramsKey-value object for {{placeholder}} replacement

Rate Limits

TierRequests/min
Free/Basic/Pro10
Enterprise30
Business100

Example Usage

curl -X POST https://pdfapihub.com/api/v1/generateImage \
  -H "CLIENT-API-KEY: your_api_key" \
  -H "Content-Type: application/json" \
  -d '{
    "html_content": "<div style=\"padding:40px;background:#4F46E5;color:white;\"><h1>Hello {{name}}</h1></div>",
    "dynamic_params": { "name": "World" },
    "width": 800,
    "height": 400,
    "output_format": "url"
  }'

Notes

  • Files are automatically deleted after 30 days
  • Maximum output file size depends on your plan tier

平台分布

OpenClaw

95.82%
按下载量换算860

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

接触敏感数据

该 Skill 可能接触密钥、Token、环境变量或敏感配置,应进入高风险复核队列,默认不自动发布。

安装前确认

本站仅展示第三方公开信息,不托管安装包,不提供自动安装或运行环境。安装前应自行审查源码、依赖和命令行为。目前只有一个公开来源,建议同时核对源仓库。

继续浏览同类 Skills