Image Quote Overlay — 图片引用叠加

Image Quote Overlay Skill 描述 用随机个人照片、渐变和文字生成带引用的叠加图片。支持 LinkedIn、X、Facebook、WordPress 多种尺寸。

Workflow

• 用户提供配置（图片目录、作者名、职位、联系方式）
• 调用 skill，传入引用文字
• skill 从目录随机取图
• 自动设计带渐变叠加的图像
• 返回图片路径

何时使用

• 为 LinkedIn、X、Facebook、WordPress 帖子生成引用图
• 需要渐变叠加+文字
• 需从个人图库随机取图
• 需为不同用户按不同配置批量出图

配置 默认 PICS_DIR="/Users/quocmodoro/TinClaw/Pics" AUTHOR_NAME="QUOC MODORO" AUTHOR_ROLE="CEO & FOUNDER — MODORO | YBAI" AUTHOR_CONTACT="lebaoquoc.com"

自定义 cat > ~/.image-quote-overlay-config.sh << 'EOF' PICS_DIR="/path/to/your/images" AUTHOR_NAME="Your Name" AUTHOR_ROLE="Your Role" AUTHOR_CONTACT="your-website.com" EOF source ~/.image-quote-overlay-config.sh ./scripts/create-overlay-image.sh "Quote text" output.png

用法 基础 ./scripts/create-overlay-image.sh "Quote text" output.png

自定义配置 PICS_DIR="/path/to/images" \ AUTHOR_NAME="Your Name" \ AUTHOR_ROLE="Your Role" \ AUTHOR_CONTACT="your-website.com" \ ./scripts/create-overlay-image.sh "Quote text" output.png

示例 LinkedIn ./scripts/create-overlay-image.sh "Start your day with AI, not busywork." /tmp/openclaw/uploads/linkedin-morning.png

Facebook ./scripts/create-overlay-image.sh "AI không thay thế bạn. Người biết dùng AI sẽ thay thế bạn." /tmp/openclaw/uploads/facebook-noon.png

WordPress ./scripts/create-overlay-image.sh "Tối ưu hoá chiến lược 3A: Từ Social sang Automation" /tmp/openclaw/uploads/wordpress-daily.png

其他用户 PICS_DIR="/Users/john/photos" \ AUTHOR_NAME="John Doe" \ AUTHOR_ROLE="Marketing Director" \ AUTHOR_CONTACT="john@example.com" \ ./scripts/create-overlay-image.sh "Marketing is about telling stories." /tmp/openclaw/uploads/john-quote.png

图像结构 尺寸：默认 1200×630 px 边距：左右 60 px 引用框：1080×160 px 底部向上布局 36 px：联系方式 62 px：职位 100 px：作者名 150 px：引用框下沿 渐变：上透明 → 下黑 88%

系统需求 ImageMagick（magick 命令） Bash 字体 Anton-Regular.ttf（引用） Arial Bold.ttf（姓名） Arial.ttf（副标题）

图片 仅 JPG，忽略 HEIC；目录至少 1 张 JPG

脚本路径 /Users/quocmodoro/.openclaw/workspace/skills/image-quote-overlay/scripts/create-overlay-image.sh

流程

• 随机选 JPG
• 缩至 1200 px 宽
• 居中裁 1200×630
• 生成渐变
• 叠加文字框
• 按底部布局合成
• 清理临时文件
• 返回路径

输出 默认：/tmp/openclaw/uploads/overlay-output.png 质量：95%

故障排除 无 JPG → 向 PICS_DIR 添加 JPG 字体缺失 → 安装或更新路径 magick 未找到 → brew install imagemagick PICS_DIR 未设 → 设置变量或使用默认配置

OpenClaw 集成 用于 cron jobs：LinkedIn 7:00、Facebook 12:00、WordPress 11:00 可被 linkedin-post / facebook-post / wordpress-post / x-post 调用

更新 2026-04-30 v2.0 状态：活跃 作者：Quoc MODORO（脚本）· Tin（OpenClaw Assistant）