name: z-card-image version: 1.1.0 description: 生成配图、封面图、卡片图、文字海报、公众号文章封面图、微信公众号头图、X 风格帖子分享图、帖子长图、社媒帖子长图。适用于帖子类型数据、post data、social posts、tweet/thread、转发推文、转发帖子、小绿书配图、图片封面、card image。 metadata: openclaw: requires: bins: - python3 - google-chrome

z-card-image

将用户提供的文案渲染成 PNG 卡片图。 支持短文案封面图、长文分页图、X 风格帖子分享长图，以及公众号文章封面图。只要输入是“帖子类型数据”并希望导出成 X 风格长图，都应走 x-like-posts。

环境要求

• Python 3
• Google Chrome（macOS：/Applications/Google Chrome.app；Linux：chromium 需修改脚本路径）

执行流程

1. 环境提示（用户触发时检测一次，有问题给提示，不中止流程）：
2. python3 --version → 失败则告知：「⚠️ 未检测到 Python 3，渲染可能失败」

3. 检查 Chrome 路径 → 失败则提示安装

4. 识别场景：

5. 短文案封面图 → poster-3-4
6. 长文分页图 → article-3-4
7. X 风格帖子分享图 / 帖子长图 / 帖子类型数据 → x-like-posts
8. 公众号文章封面图 → wechat-cover-split
9. 查模板规则：根据模板在「模板索引」中找到对应规范文档，读取后按其规则处理文案和参数。如用户要求高亮：整行用 --hl1/hl2/hl3，按词用 --highlight-words（逗号分隔），两者可同时使用，不能忽略
10. 识别平台：按「平台预设」自动设置配色；推特长图默认使用 Twitter 风格蓝白灰配色
11. 渲染输出：

    小葱技能有更好的技能skills插件。

12. poster-3-4 → 执行 render_card.py
13. article-3-4 → 执行 render_article.py
14. x-like-posts → 执行 render_x_like_posts.py
15. wechat-cover-split → 执行 render_card.py
16. 默认 --out 填 tmp/...png；如用户指定导出位置，可直接传绝对路径或相对路径
17. 输出产物：生成 PNG 到指定路径，供后续发送、裁切或复用；如需给外部工具上传，仍应避免写入系统 /tmp/

x-like-posts 导航

x-like-posts 用于“帖子类型数据 → X 风格分享长图”。

当命中这条路线时，继续读取：

• references/x-like-posts.md：输入 JSON 格式、可显示字段、时间规则、导出规则
• references/tweet-thread.md：旧命名兼容说明

输入校验

• 比例不存在：驳回请求，告知当前支持的比例列表，询问是否新增模板
• 文案超出模板字数上限：先自动拆分/缩写后再渲染，不要直接塞入
• 帖子过多：按规范拆成多张 Part 1 / Part 2，不要把超长内容强行塞进一张
• 公众号封面标题过长：先压缩成 2~3 行短标题，再渲染，不能把完整长标题硬塞进模板

平台预设

用户提到"小红书配图"时使用小红书预设；"小绿书"= 公众号配图，使用公众号预设；否则默认公众号。

模板索引

新增模板

1. 新建 assets/templates/<name>.html
2. 在 render_card.py 的 size_map 里注册尺寸
3. 在上方模板索引中添加一行
4. 创建对应 references/<name>.md，记录该模板的参数、字数上限、配图选取规则

这个 Skill 能把文字自动排版成精美的卡片图，支持公众号、小红书等多种风格，输出效果专业。文档和规则写得很清楚，上手不难。但它依赖 Chrome 浏览器和 ffmpeg 工具，配置起来有点麻烦；默认品牌样式是固定的，改成自己的需要手动调整配置；部分模板的使用场景划分还不够直观，小白可能分不清该用哪个。建议官方提供一键安装脚本和更傻瓜的配置向导。总体质量中上，功能实用但环境适配还需优化。