核心用法
lh-html-to-image 是一款基于 Chrome headless 截图技术的本地图片生成工具，核心机制是将 HTML+CSS 编写的视觉设计通过浏览器内核渲染为 PNG 图像。用户只需在 tmp/ 目录下编写标准 HTML 文件，指定画布尺寸与样式，再调用 Chrome 无头模式执行截图命令即可完成图片生成。
该技能的工作流程分为三步：编写 HTML 模板（支持自定义 1080×1440、1080×1080 等常用社交媒体尺寸）、执行 Chrome headless 截图命令（通过 --window-size、--force-device-scale-factor 等参数控制输出精度）、以及通过 openclaw message send 将成品发送至飞书等渠道。
显著优点
1. 零 API 成本：完全依赖本地 Chrome 浏览器，无需调用 DALL-E、Midjourney 等付费图像生成接口
2. 文字渲染精度 100%：基于浏览器内核渲染，彻底解决 AI 生图工具的中文乱码、字体畸变问题
3. 完全可控的版式：CSS 布局实现像素级精确控制，适合品牌规范严格的商业场景
4. 内置社交媒体规格：预置小红书 3:4/1:1、微信 16:9 等常用尺寸与品牌色板（龙虾红、深海蓝等）
潜在缺点与局限性
- 仅适用于文字排版类图片：明确不适合插画、照片类生成（文档建议使用
baoyu-image-gen） - 依赖本地 Chrome 环境：macOS 路径固定为
/Applications/Google Chrome.app，跨平台迁移需手动调整 - 无交互式预览：需反复修改 HTML→截图→查看的循环，设计调试成本较高
- GPU 错误日志干扰：运行时会产生可忽略的 GPU 报错，对新手造成困惑
适合人群
- 内容运营者：需要批量生成小红书封面、微信头图的自媒体团队
- 数据产品经理：快速产出信息卡片、对比图表等数据可视化物料
- 品牌设计师：对字体、配色有严格规范要求的视觉输出场景
- 技术型用户：熟悉 HTML/CSS，愿意用代码替代 Figma/Sketch 的设计工作流
常规风险
- 本地命令注入风险：HTML 文件路径、输出路径等参数若接外部输入，需防范路径遍历攻击
- Chrome 进程残留：headless 模式异常退出可能导致僵尸进程堆积
- 字体版权：模板默认使用 PingFang SC（macOS 自带），跨平台部署需确认字体授权
- 无沙箱隔离：直接调用系统 Chrome 二进制，恶意 HTML 可能读取本地文件（建议仅使用可信模板）