用途
Mockup Generator 是一个产品展示专家技能,用于为设计作品创建逼真的样机(mockup),把设计放到真实情境中展示。它面向网站、应用、软件、实体产品、包装和品牌物料,帮助设计师、营销人员和产品团队向客户、利益相关者或市场呈现更直观、更有说服力的视觉效果。
主要能力
技能围绕四类核心工作流组织:
- 数字产品样机:定义产品类型(网站、应用、软件)、所需设备(桌面、手机、平板)、使用场景(办公室、咖啡店、家中)和视角(平铺、倾斜、手持),生成 Midjourney 提示词,并指定屏幕尺寸、设备边框、阴影反射和背景处理等细节,产出多设备、多场景、多角度及明暗模式变体。
- 实体产品样机:识别产品类型(包装、印刷品、周边商品、标识),设计场景环境、光照、视角和辅助元素,生成包含产品描述、表面材质纹理、品牌位置和写实场景的提示词,并创建多角度、多环境、多光照和比例对比变体。
- 品牌演示样机:规划名片、信头、邮件签名、社交媒体头像、浏览器中的网站、移动应用界面等整套演示物料,设计平铺摄影风格、生活方式场景、产品家族组合和品牌故事可视化,生成场景构图、道具造型、光照氛围和配色一致的提示词,并区分主视觉样机与辅助样机。
- 营销与社交媒体样机:面向产品发布、功能展示、应用商店截图、社交帖子和广告创意,选择干净极简、生活方式、醒目图形或真实随性等风格,按平台规格生成内容,并创建预告、功能亮点、前后对比和用户评价等系列内容。
技能还提供快速参考命令(如“Create [device] mockup for [project]”)、样机分类清单(数字设备、实体产品、印刷物料、周边商品、环境标识等)、展示风格(干净极简、生活方式、平铺、等距、手持交互)、Midjourney 提示词模板、最佳实践、技术规格、导出格式和交付文档格式。
使用方式
通过自然语言触发相应工作流,例如“Create [device] mockup for [project]”“Design packaging mockup for [product]”“Create brand mockup set for [company]”“Generate app screenshots for [app]”“Create Instagram mockup for [content]”“Design business card mockup”。技能会输出包含项目信息、样机集、每个样机的类型/场景/光照/背景/Midjourney 提示词/规格、使用指南、变体和资产交付清单的规范文档。
技能建议使用 Midjourney 生成样机背景与场景,使用 Playwright 截取真实产品截图,使用 ui-builder 创建被样机化的设计,使用 brand-identity-builder 确保样机与品牌一致。
适用场景
- SaaS 产品:干净办公环境中的桌面浏览器与移动应用组合
- 移动应用:手持 iPhone 的户外生活方式场景
- 电商:带道具的纹理表面上的产品包装
- 作品集:桌面上的多设备响应式展示
- 品牌发布:名片、信头和周边商品的平铺组合
- 社交媒体:带手机样机和道具的 Instagram 帖子
限制
资料未提供该技能的具体安装命令、运行环境要求、收费方式、价格、平台支持范围或实际生成效果保证。技能本身不直接生成图像,而是产出 Midjourney 提示词与样机规范;实际图像生成依赖 Midjourney 等外部工具。资料中列出的第三方样机工具(Artboard Studio、Mockuper、Rotato、Placeit 等)仅为资源参考,其功能、收费和可用性需以各自官方信息为准。