URL 转 PNG:将网页转换为适配移动端的图片 - Openclaw Skills

作者:互联网

2026-03-26

AI教程

什么是 URL 转 PNG?

URL 转 PNG 是一款专门的自动化工具,旨在架起动态网页内容与静态可读媒体之间的桥梁。作为 Openclaw Skills 库的一部分,它允许用户和代理捕获专门为移动视口量身定制的全页截图。这确保了即使是最长的文章或最复杂的布局也能转换为单一、连贯的图像文件,并保持跨设备的视觉完整性。

该工具利用现代无头浏览器技术在捕获页面之前对其进行准确渲染。通过将其集成到工作流中,用户可以绕过标准浏览器“另存为图片”功能的局限性,从而获得专业级的抓取效果,非常适合离线阅读、设计参考或文档编制。

下载入口:https://github.com/openclaw/skills/tree/main/skills/guoqiao/url2png

安装与下载

1. ClawHub CLI

从源直接安装技能的最快方式。

npx clawhub@latest install url2png

2. 手动安装

将技能文件夹复制到以下位置之一

全局模式 ~/.openclaw/skills/ 工作区 /skills/

优先级:工作区 > 本地 > 内置

3. 提示词安装

将此提示词复制到 OpenClaw 即可自动安装。

请帮我使用 Clawhub 安装 url2png。如果尚未安装 Clawhub,请先安装(npm i -g clawhub)。

URL 转 PNG 应用场景

  • 存档长篇博客文章或新闻文章,以便进行无干扰的移动阅读。
  • 生成实时仪表板或网站的视觉快照,用于定期报告。
  • 捕获网页设计的全页预览,通过即时通讯平台与利益相关者分享。
  • 使用 Openclaw Skills 为易逝的网页内容创建高保真视觉备份。
URL 转 PNG 工作原理
  1. 用户通过类似 /url2png 的命令提供目标 URL 来触发该技能。
  2. 系统执行初始化 shot-scraper 工具的 shell 脚本。
  3. 启动无头 Chromium 实例以导航到该 URL 并模拟移动设备环境。
  4. 工具捕获全长截图并将生成的 PNG 保存到指定的输出目录(默认为用户的图片文件夹)。
  5. AI 代理检索该文件并将其作为文档交付给用户,以确保零压缩和最高清晰度。

URL 转 PNG 配置指南

要安装此技能并将其添加到您的 Openclaw Skills 集合中,请确保您在 macOS 或 Linux 系统上安装了 uv 软件包管理器。在技能目录下运行以下命令:

bash ${baseDir}/install.sh

此过程将自动安装 shot-scraper 工具和所需的 chromium 浏览器模块。安装完成后,您可以通过 CLI 使用该技能:

# 基本用法
bash url2png.sh 

# 指定自定义输出路径
bash url2png.sh  path/to/your_image.png

URL 转 PNG 数据架构与分类体系

该技能通过直接的文件系统交互和特定的元数据触发器来管理数据。以下是其数据组件的组织结构:

属性 规格
输入类型 URL (字符串)
输出格式 PNG 图像
默认存储 ~/Pictures
依赖项 uv, shot-scraper, playwright/chromium
代理交付 作为未压缩的文档/文件发送
name: url2png
description: Convert URL to PNG suitable for mobile reading.
metadata: {"openclaw":{"always":true,"emoji":"??","homepage":"https://clawhub.ai/guoqiao/url2png","os":["darwin","linux"],"requires":{"bins":["uv"]}}}
triggers:
- "/url2png "
- "Save this url as image ..."
- "Take long screenshot for this url"

URL to PNG

Given a url for a webpage, convert it to png suitable for mobile view.

See examples

Requirements

  • uv

Installation

bash ${baseDir}/install.sh

The script will:

  • install shot-scraper as uv tool
  • install chromium browser module for shot-scraper/playwright

Usage

# save to ~/Pictures with proper name by default
bash url2png.sh 
# specify output png path
bash url2png.sh  path/to/png

Agent Instructions

  1. Execute the url2png.sh script.
  2. Locate the generated PNG file (default in ~/Pictures if not specified).
  3. Send the file to the user. Crucial: To avoid compression or dimension limits (especially on T@elegrimm), send the image as a document/file (or ZIP it), do not send as a photo.