SuperAPI AI 工具集

create-chatgpt-mockup

智能体与模型

查看项目

更新于 10-15 21:54

技能介绍

用途:根据 thread JSON 渲染像素级接近真实 iOS 截图的 ChatGPT 移动端浅色模式单帧画面,用于广告素材、社交帖子、视频分镜和产品原型。它只生成静态图,若需带动画、音效和片尾的聊天视频,应使用 create-chatgpt-video-ad。

主要能力:支持状态栏(时间、勿扰月亮图标)、三种头部样式(model-tag、title-only、plain-title)及右侧图标;用户文本气泡、用户图片附件、助手纯文本回复(可带标题与螺旋 logo、点赞点踩);助手文本支持有限 Markdown(粗体、斜体、H1-H3、无序/有序列表、水平线、[[cite:来源 +1]] 引用胶囊、[[icon:💡]] 内联图标);输入区支持占位符、已输入文本与光标、streaming 停止方块、GPT chip。

使用方式:先编写符合 schema 的 thread.json,再运行 node render.js --thread examples/01-sunscreen-image.json;可用 --output 指定输出父目录、--name 覆盖输出文件夹名。输出为带日期的文件夹,内含 index.html、2250×4002 PNG 和 thread.json 副本。首次使用需在技能目录执行 npm install 与 npx playwright install chromium。

适用场景:需要快速产出逼真的 ChatGPT 手机界面静帧的营销与设计场景。

限制:仅浅色模式;无轮播卡片、无屏幕键盘;Markdown 极简,不支持表格、代码高亮和嵌套列表;emoji 依赖系统字体;相对图片路径按 thread.json 所在目录解析。具体收费与平台信息暂未提供。