Livestream Shopping Interface Mockup — ClawLabs AI · MIT

Livestream Shopping Interface Mockup — ClawLabs AI · MIT

Documento original

GPT Image 2 · en

Design a realistic mobile livestream e-commerce interface mockup. The main subject is [PERSON], wearing a black t-shirt printed with the [BRAND] logo, gesturing enthusiastically toward the camera with both hands as if explaining a product. A small watermark reading '[WATERMARK_TEXT]' appears subtly on the screen. Behind the host, a large display screen shows a Mars landscape featuring a rocket and dome habitats, with the word '[BRAND]' and a secondary title '[BACKGROUND_TITLE]' rendered in [LANGUAGE] text overlaying the scene. The UI layout should include: a header showing the broadcaster's name '[BROADCASTER_NAME]', a stat line '750.8k likes this session', a 'Follow' button, viewer avatars with the text '100k+ viewers', a close 'X' icon, and tags reading 'No.1 on sales chart' and 'More livestreams >'. Include a mid-right product card labeled 'Now Explaining' showing an image of Mars dome habitats, with product title '[PRODUCT_TITLE]', price '[PRICE]', and a red action button reading 'Grab it'. On the bottom-left, add a chat overlay showing a join alert 'User joined the livestream' and seven scrolling chat messages, the top one being '[TOP_CHAT_MESSAGE]', followed by messages such as 'Mars Bro: How much per seat?', 'Tech Fan: So cool! Want to go to Mars!', 'Future Is Now: How do I sign up?', 'Little Rocket: 🌹🌹🌹', 'Cosmic Invincible: Explain the details', and 'Undefeated East: Old Ma is awesome! 👍👍👍'. At the bottom, include an input bar with placeholder text 'Say something...' and four icons: shopping cart, gift box, heart-shaped planet, and a plus sign. In the bottom-right corner, show floating reaction animations with a stack of hearts, thumbs-up, and laughing emojis rising upward. The overall style should look like a realistic, polished UI screenshot of a livestream shopping app interface, sharp typography, vibrant colors, and authentic app layout proportions, in portrait mobile aspect ratio.

Como usar

  1. Copie o prompt original completo, incluindo os parâmetros.
  2. Adapte o tema, o texto e a composição aos seus requisitos.
  3. Use uma ferramenta externa compatível; confira o acesso e o resultado.

Antes de começar

  • Verifique se é necessária uma imagem de referência. Compatibilidade não comprova qual modelo gerou o exemplo.
  • Confira nomes, números e textos; os resultados variam entre versões do modelo.

Exemplos semelhantes

Livestream E-commerce Interface Mockup
GPT Image 2en

{ "type": "Mobile live-streaming e-commerce interface model", "subject": { "person": "Elon Musk", "clothing": "Black T-shirt with SPACEX logo", "pose": "He waved his hands toward the camera and enthusiastically gave his explanation.", "watermark": "@Proof AI"

Livestream UI Mockup with Host
GPT Image 2en

{ "type": "Mobile live streaming interface design draft", "scene": { "subject": "{argument name=\"main subject\" default=\"Sam Altman\"} The portrait shows the subject wearing a dark green sweater, looking directly at the camera, with her right hand extended forward in an

Chinese Livestream Rocket Gala Edit
GPT Image 2en

Using the provided reference photo, transform the character into a cool screenshot of a Chinese live stream, while maintaining the head position, cropping proportions, hairstyle, and overall features. Replace the outdoor parasol and street background with a nighttime city skyline