将 Markdown 文档转换为精美 PNG 图片。当用户要求将 markdown 文件、markdown 文本转成图片、截图、png 时触发。支持多种主题(note/dark/sakura/ocean/tech 等)和尺寸(mobile/tablet/laptop/desktop

v1.0.2

将 Markdown 文档转换为精美 PNG 图片。仅操作当前工作目录下的 Markdown 文件,不修改系统文件。当用户要求将 markdown 文件、markdown 文本转成图片、截图、png 时触发。支持多种主题(note/dark/sakura/ocean/tech 等)和尺寸(mobile/table...

0· 149·0 current·0 all-time
byQiuYi@qiulanzhu

Install

OpenClaw Prompt Flow

Install with OpenClaw

Best for remote or guided setup. Copy the exact prompt, then paste it into OpenClaw for qiulanzhu/md2png.

Previewing Install & Setup.
Prompt PreviewInstall & Setup
Install the skill "将 Markdown 文档转换为精美 PNG 图片。当用户要求将 markdown 文件、markdown 文本转成图片、截图、png 时触发。支持多种主题(note/dark/sakura/ocean/tech 等)和尺寸(mobile/tablet/laptop/desktop" (qiulanzhu/md2png) from ClawHub.
Skill page: https://clawhub.ai/qiulanzhu/md2png
Keep the work scoped to this skill only.
After install, inspect the skill metadata and help me finish setup.
Use only the metadata you can verify from ClawHub; do not invent missing requirements.
Ask before making any broader environment changes.

Command Line

CLI Commands

Use the direct CLI path if you want to install manually and keep every step visible.

OpenClaw CLI

Bare skill slug

openclaw skills install md2png

ClawHub CLI

Package manager switcher

npx clawhub@latest install md2png
Security Scan
VirusTotalVirusTotal
Pending
View report →
OpenClawOpenClaw
Benign
high confidence
Purpose & Capability
名称和描述(将 Markdown 转为 PNG)与运行步骤一致:使用本地 md2png-cli 工具通过 npx 运行、在当前目录读写临时文件并返回 PNG。没有要求与功能无关的凭据或配置路径。
Instruction Scope
SKILL.md 明确限定只操作当前工作目录、禁止路径穿越、对主题/尺寸/输出文件名做白名单校验并禁止将原始文本直接拼接进 shell,流程总体受限且有防注入措施。但说明里依赖 npx/npm/node 工具链(通过 npx --no-install 检查 md2png-cli),技能并未在声明中列出这些必需的二进制或环境前置条件;若删除临时文件失败可能留下残留文件。
Install Mechanism
无安装规格,指令型技能不写盘自身代码,风险较低。运行时依赖本地已安装的 md2png-cli,但技能明确禁止自动联网下载或在运行时安装依赖。
Credentials
不请求任何环境变量或凭据。唯一涉及的外部依赖是第三方 npm 包 md2png-cli@1.0.2(由用户决定是否安装全局),该需求与功能直接相关且比例合适。
Persistence & Privilege
不要求始终加载(always: false)、不修改其他技能或系统设置,也不持久化自身配置。技能行为范围受限于当前目录。
Assessment
该技能整体自洽且低风险,但在安装/使用前请注意:1) 确认你的环境有 Node/npm/npx,否则技能的检查会失败;2) 在决定执行 npm install -g md2png-cli@1.0.2 前,先在 npm 或 GitHub 上核验 md2png-cli 的来源与信誉,避免全局安装未知包;3) 推荐在受控目录中运行(例如专门的临时工作目录),以减少残留临时文件或意外覆盖;4) 如果关心最小权限,考虑在项目本地安装而不是全局安装;5) 技能已包含防止 Shell 注入和路径穿越的校验,但仍要避免传入未信任的内容。

Like a lobster shell, security has layers — review code before you run it.

latestvk97188qhpt0g4eb19wve2bme8583nkv4
149downloads
0stars
3versions
Updated 1mo ago
v1.0.2
MIT-0

md2png — Markdown 转 PNG 图片

将 Markdown 内容渲染为精美的 PNG 图片,支持 10 种主题和 4 种尺寸。

使用方式

用户通过 /md2png 调用,传入参数 $ARGUMENTS

执行步骤

  1. 解析参数:从 $ARGUMENTS 中识别:

    • Markdown 文件路径或直接文本内容(必填)
    • -t--theme:主题名称(可选,默认 note
    • -s--size:尺寸规格(可选,默认 tablet
    • -o--output:输出文件名(可选,默认 output.png
  2. 参数白名单校验(校验不通过则拒绝执行并提示用户):

    • theme 必须是以下之一:note vitality gradient antiquity classic dark minimal sakura ocean tech
    • size 必须是以下之一:mobile tablet laptop desktop
    • output 文件名只允许字母、数字、连字符、下划线和 .png 后缀(如 my-output.png
    • 若 input 为文件路径,必须是相对路径且仅限当前目录下的文件,禁止包含 .././ 以外的层级跳转及绝对路径
  3. 检查输入

    • 如果参数是文件路径,用 Glob 或 Read 工具确认文件存在于当前目录
    • 如果参数为空,提示用户提供 Markdown 文件路径或文本
  4. 检查本地安装:执行前先确认 md2png-cli@1.0.2 已在本地安装:

    npx --no-install md2png-cli --version
    
    • 若命令失败(退出码非 0),停止执行,提示用户先运行以下命令安装后再重试:
      npm install -g md2png-cli@1.0.2
      
    • 不得跳过此检查自动联网下载
  5. 执行转换:确认本地已安装后,使用 --no-install 标志执行,防止运行时触发网络下载:

    npx --no-install md2png-cli <输入文件路径> -t <主题> -s <尺寸> -o <输出文件名>
    
    • 如果输入是文件路径,直接传入(已通过校验的相对路径)
    • 如果输入是文本内容,禁止将原始文本直接拼接进 Bash 命令(防止 Shell 注入)。必须先用 Write 工具将文本写入当前目录下的临时文件(如 _md2png_tmp.md),再将该文件路径传给命令;转换完成后用 Bash 删除该临时文件
  6. 展示结果

    • 告知用户图片已生成及保存路径
    • 用 Read 工具读取生成的 PNG 图片,展示给用户预览

可用主题

主题名称风格
note便签暖黄便签风格,适合笔记
vitality元气蓝紫渐变,活泼明亮
gradient渐变粉绿渐变,清新自然
antiquity古风古典纹理,国风韵味
classic经典灰色背景,简约大方
dark暗黑深色主题,适合代码
minimal极简浅灰渐变,干净利落
sakura樱花粉色渐变,浪漫唯美
ocean海洋蓝色渐变,沉稳大气
tech科技赛博朋克,荧光酷炫

可用尺寸

尺寸名称宽度
mobile移动端20rem
tablet平板端28rem
laptop电脑端50rem
desktop超级屏60rem

示例

  • /md2png README.md — 用默认主题转换文件
  • /md2png README.md -t dark -o readme.png — 暗黑主题输出为 readme.png
  • /md2png "# Hello World" -t sakura -s mobile — 樱花主题移动端尺寸

Comments

Loading comments...