用途:把结构化对话 JSON 转成逼真的 iMessage 截图,适合广告、社交帖、视频分镜或产品样机。渲染器本身不含 LLM,是确定性的,需由调用方自行编写 thread JSON。
主要能力:蓝色发送气泡(右侧)与灰色接收气泡(左侧),仅在连续同一发送者的最后一条气泡上绘制泪滴形尾巴;支持深色 iOS 外观、时间戳胶囊、打字三点气泡、附件卡片、Delivered/Read 说明;群聊模式带发送者彩色头像、名字与 4 格群头像;三种裁切:--minimal(仅气泡)、--with-keyboard(含 iOS 键盘)、--with-iphone-frame(iPhone 15 Pro 边框、灵动岛、状态栏与渐变背景)。
使用方式:先安装依赖 cd skills/ads/capabilities/create-imessage-mockup && npm install && npx playwright install chromium。然后运行 node render.js --thread examples/group-with-frame.json --with-iphone-frame,或 --with-keyboard、--minimal;可用 --output 指定输出目录、--name 指定文件夹名。输出目录含 index.html、screenshot.png(DPR 3)与 thread.json 副本。
限制:v1 不支持图片头像,仅彩色首字母;打字动画在 PNG 中为静态帧;不支持 tapback 反应;emoji 依赖系统字体,与 Apple Color Emoji 略有差异。三种裁切标志互斥,只能传一个。