让你的 AI Agent 连接 HTML/CSS to Image

提供 HTML 与样式,或公开页面 URL,让 AI 按所需尺寸生成图片。

5 个工具 API key

试试这些 HTML/CSS to Image 任务

将提示词复制到已安装 oo Skill 的 Agent,补充页面链接和原始笔记后执行。

oo Skill HTML/CSS to Image

生成社交分享卡片

将提供的文案和样式渲染为可分享图片。

/oo HTML/CSS to Image: 使用 [文案] 和 [品牌颜色] 编写 1200 × 630 公告卡片的 HTML 与 CSS,通过 HTML/CSS to Image 渲染,提供图片 URL。

开始使用 HTML/CSS to Image

  1. 安装 OOMOL

    在 Agent 中配置 oo CLI 和 oo Skill。

    安装 OOMOL →
  2. 连接 HTML/CSS to Image

    使用控制台中的 HTML/CSS to Image API Key 和 User ID 连接。

    连接 HTML/CSS to Image →
  3. 向 Agent 交代任务

    使用 /oo,说明要读取的页面、修改的内容和保存位置。

    连接指南 →

选择你的 Agent

  • HTML/CSS to Image 账号、API Key 和 User ID。

HTML/CSS to Image 工具

此集成将 HTML/CSS 或公开网页渲染为托管图片,也支持批量创建、删除图片和查询用量。

图片渲染与管理

渲染单张图片或最多 25 个变体、删除已生成图片并查看用量。

5 个工具

Create Image

从原始 HTML/CSS 或公共网页 URL 使用 HTML/CSS 到 Image 创建图像。

htmlcsstoimage.create_image

Create Batch Images

使用共享默认选项和每个图像的变体,在一个批次中创建最多 25 张 HTML/CSS 到 Image 图像。

htmlcsstoimage.create_batch_images

Delete Image

从 HTML/CSS 到 Image 删除一张生成的图像并清除其 CDN 缓存。

htmlcsstoimage.delete_image

Delete Batch Images

在一个请求中从 HTML/CSS 到 Image 删除多张生成的图像。

htmlcsstoimage.delete_batch_images

Get Usage

按小时、天、月和计费周期检索 HTML/CSS 到 Image 的使用计数。

htmlcsstoimage.get_usage

常见问题

应提供 HTML 还是 URL?

设计图片可提供 HTML 和 CSS,网页截图可提供公开 URL。同时提供时优先使用 URL。

可以只截取页面中的一个元素吗?

可以,提供 CSS 选择器,将图片裁剪到对应元素。

生成图片后会获得什么?

会获得图片 ID 和托管 URL,可在以后按 ID 删除图片并清除 CDN 缓存。

连接 HTML/CSS to Image

关于 HTML/CSS to Image ↗