Token导航 LogoToken导航TokenDH.com
图像处理敏感数据clawhub未标认证来源可访问clear审计通过

generate-image-from-htmlgenerate 图像 from HTML

Agent Skill

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

总安装

2,564

周安装

109

GitHub Stars

公开资料未说明

下载量

898
OpenClaw

安装说明

本站只整理中文说明和来源信息,不托管安装包,也不代用户安装。

GitHub

来源数

2

许可证

MIT-0

最后核验

2026-05-01

来源状态

来源可访问

安装方式

通过对话安装

复制提示词发给支持本地命令或 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

简介

从 HTML 内容或 URL 生成 PNG 图像,支持全页截图与自定义尺寸。

  • 适用于网页存档、UI 预览与静态资源提取。
  • 使用 headless Chromium 渲染,支持 Cookie 与会话保持。
  • 输出分辨率与格式需根据使用场景合理设置。
  • generate-image-from-html 属于图像处理类 Skill,可作为该场景下的辅助能力补充。

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

适合场景

01

OpenClaw 用户查找和安装 Skill 时

02

用户想查找某类 Agent Skill 时

03

需要根据任务场景推荐可安装能力包时

04

需要对比不同来源的安装命令和来源信息时

能力概览

能力 1

按任务关键词查找相关 Skills

能力 2

展示可复制的安装命令

能力 3

保留来源站点、仓库和原始说明,方便继续核验

能力 4

补充不同宿主或平台的使用分布数据

能力 5

展示第三方安全扫描或审计结果

安装后应在对应宿主中按原始 README 的触发条件使用;具体调用方式请以来源页面和 README 为准。

平台分布

OpenClaw

95.82%
按下载量换算860

安全审计

VirusTotal

通过

ClawScan

通过

Static analysis

通过

权限和风险

敏感数据

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

安装前确认

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

来源信息

继续浏览同类 Skills