360 Secure SkillHub
360 安全技能中心

Nami Html To Pic

该 Skill 将 HTML 代码交由无头浏览器渲染生成图片，返回图片 URL，仅含一个工具 render_html。所有 MCP 操作须经由 mcporter 路由，调用前需读取全局 MCP 配置文件并仅使用 nami_html_to_pic 对应配置。适用于将 HTML 卡片、海报或数据可视化 HTML 转成图片分享。

2020必胜
2020必胜
热度 39.49
最近更新 2026-04-02 21:46:15
分类：效率依赖：MCP 服务 / 联网浏览搜索应用场景：图像生成 / 文件转换 / 工作流

安装技能

复制下面的话术发给你的 Agent，它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill： npx secure-skills-cli add nami-html-to-pic
Metadata
name
纳米HTML转图片
description
将 HTML 代码渲染为图片，通过无头浏览器环境渲染 HTML，返回图片 URL。当用户需要"HTML转图片"、"网页截图"、"渲染HTML"、"把HTML代码变成图片"时，加载此 skill。

纳米HTML转图片

将 HTML 代码通过浏览器渲染后生成图片，返回图片 URL，共 1 个工具。

MCP Access: Use mcporter

你必须通过 mcporter skill 来操作 MCP，完成本 skill 的 HTML 渲染任务。 不得直接调用 MCP 工具；所有 MCP 操作都必须经由 mcporter 路由。

  • 配置：全局 MCP 配置文件位于 ~/.openclaw/workspace/config/mcporter.json。读取该文件并仅使用 nami_html_to_pic 对应的配置。
  • 调用工具：mcporter call nami_html_to_pic.render_html html="<HTML代码>"

快速使用

mcporter call nami_html_to_pic.render_html \
  --args '{"html":"<div style=\"background:blue;color:white;padding:20px\"><h1>Hello World</h1></div>"}'

工具说明

render_html（HTML渲染为图片）

参数 类型 必填 说明
html string ❌ HTML 标记代码

返回：渲染后的图片 URL。

典型使用场景

  • 将生成的 HTML 卡片/海报渲染为图片
  • 将数据可视化 HTML 转为图片分享
  • 将 Markdown 转 HTML 后再转图片

注意事项

  • 调用前请先读取 ~/.openclaw/workspace/config/mcporter.json，仅使用 nami_html_to_pic 对应的配置