SuperAPI AI 工具集

render-ios-lockscreen

通用与其它

查看项目

更新于 10-15 21:54

技能介绍

用途:根据 JSON 配置生成一张静态 iOS 锁屏 PNG(或底层 HTML),用于视频广告中的“通知轰炸”高潮帧、锁屏揭晓、UGC 广告中的手机画面或分镜参考。若需聊天线程请用 create-imessage-mockup,若需完整动效合成请用 create-motion-graphics-hyperframes。

主要能力:可渲染状态栏(信号、WiFi、电池、可选灵动岛)、居中时钟与日期、半透明分组通知横幅(应用图标、头像缩略图、now/2m ago 时间戳)、可选 emoji 文字带,以及可选撕裂/光晕装饰层。device 可选 iphone-15-pro(含边框与灵动岛)或 bare(仅锁屏内容)。壁纸支持纯色、渐变或图片。通知按渲染顺序自上而下,第一条为最新;transform、style.opacity/blur 供上层动效逐帧驱动,pinned 可将某条横幅浮于顶部。

使用方式:编排代理按 schema 编写 JSON 配置后运行 node render.js --config <path>。常用参数:--name 覆盖输出目录名,--output 指定父目录(默认 ./lockscreen-exports/),--width 视口宽度(默认 390),--dpr 设备像素比(默认 3),--html-only 仅输出 HTML。输出目录含 index.html、screenshot.png 与 config.json。首次需 npm install 并 npx playwright install chromium,或软链 create-imessage-mockup 的 node_modules。

适用场景:同一应用多条通知涌入的广告收尾、品牌推送作为笑点的锁屏揭晓、模拟他人手机的 UGC 画面、展示推送上下文的storyboard 帧。

限制:该原子本身为静态,动画由调用方通过 Playwright 驱动;不内置 LLM,需外部提供配置。图标需为 1:1 方形,路径需可解析(建议绝对路径);正文过长会换行,可截断;时钟半透明效果依赖 Chromium 110+ 的 backdrop-filter;壁纸需比横幅更暗以免横幅融入背景;建议 DPR 3 渲染以保证清晰度。具体收费、价格与平台支持暂未提供。