用途：将 Markdown（或原始 HTML）转换为像素级准确的图片。由于使用 Playwright 在真实浏览器中完成布局，输出保留完整 CSS 效果，包括真实字体、文本换行、列对齐等，比只支持部分 CSS 的 SVG 快捷生成器更准确。主要面向 Substack：该平台无法渲染 Markdown 表格，因此需要改为生成图片。
主要能力：把 Markdown 表格、对比内容、统计块、小型数据卡片渲染成适合内嵌的图片；支持 Markdown 表格与 :---: 列对齐；也可直接传入 HTML 完全控制标记；可设置宽度、缩放（清晰度）与主题。
使用方式：先一次性安装依赖，在技能目录执行 npm install 与 npx playwright install chromium（若已安装 Playwright 浏览器可跳过）。然后将图表写成 Markdown 保存为文件，例如 figure.md，运行 node ~/.claude/skills/mph-figure/scripts/render.mjs --in figure.md --out figure.png。随后在文章中以 内嵌。需要完全控制标记时传入 .html 文件或加 --html。
可用选项：--in <file> 输入（必填）；--out <file> 输出 PNG（必填）；--width <px> 宽度，默认 720；--scale <n> 清晰度/设备缩放，默认 2；--theme <name> 主题，默认 bloomberg；--html 强制按原始 HTML 处理。
适用场景：Substack 文章或其他文档需要在无法渲染 Markdown 表格处展示结构化内容；任何对比、统计块或数据卡片以干净图片呈现更易读时。
限制：需 Node 与 Playwright/Chromium 环境；主题可在 scripts/render.mjs 的 THEMES 映射中扩展，默认仅 bloomberg（深色、近黑卡片、琥珀色强调、大写表头、等宽数字的数据风格）。其他主题、平台兼容性与收费信息暂未提供。