Home/UI & Social Screens/type

UI & Social Screens

type

type is a reusable UI & Social Screens example from @coconut_256, including the full prompt, source link, and output media.

Case Media

Case Notes

This page keeps the media, full prompt, and original source together so you can inspect the result first and decide whether the prompt is worth copying, saving, or comparing.

Case Insights

To make this page easier to search, cite, and reuse later, the case is also broken down into practical guidance about usage, visual cues, and prompt structure.

Best Fit Scenarios

  • Use this as a ui & social screens benchmark when you need a fast style baseline before rewriting your own prompt.
  • It is especially helpful if your target overlaps with Portrait, UI, Screenshot and you want to judge the image result before tuning wording.
  • Keep it as a control sample when you compare nearby prompt variants one variable at a time.

Visual Signals To Notice

  • The clearest style signals here are Portrait, UI, Screenshot, so those should usually stay in your first rewrite.
  • The important layer is usually interface density, card hierarchy, and how the screen tells the story before you read small text.
  • This case keeps one primary output, so the first image should be treated as the main visual reference.

How The Prompt Is Structured

  • The prompt reads as a long, highly specified prompt, which is useful when you want to judge how much specificity this direction needs.
  • Its keyword cluster is centered on Portrait, UI, Screenshot, so you can usually keep that cluster while swapping subject, camera, layout, or copy details.
  • A practical rewrite path is: keep the outcome, keep the strongest style cues, then replace only the subject and environment blocks.

Good Follow-up Questions

  • What changes first if you keep Portrait, UI, Screenshot but switch the subject matter?
  • Which part of the result comes from section-level structure (UI & Social Screens) versus tag-level style cues?
  • Which related cases in the same section give you a cleaner or more extreme variation of the same direction?

Full Prompt

{ "type": "e-commerce live stream interface mockup", "subject": { "description": "young Asian woman, long wavy dark hair, wearing a white short-sleeve polo shirt and white pleated tennis skirt, holding a white tennis racket over her right shoulder, looking directly at the camera with a soft expression", "background": "soft light grey studio background" }, "layout": { "header": { "left": { "avatar": "female portrait", "name": "{argument name=\"host name\" default=\"小鹿运动优选\"}", "stats": "12.8万本场点赞", "button": "关注", "badge": "带货榜第3名" }, "right": { "viewer_avatars_count": 3, "viewer_count": "1.2万", "close_icon": "X" } }, "floating_elements": [ { "position": "top right", "type": "coupon card", "title": "直播间专属券", "details": "¥20 满199可用", "button": "领取" }, { "position": "mid left", "type": "campaign text", "subtitle": "夏日运动季", "headline": "{argument name=\"main headline\" default=\"活力开场\"}", "bullet_points_count": 3, "bullet_points": ["透气速干", "弹力舒适", "运动百搭"] }, { "position": "mid right", "type": "product card active", "badge": "正在讲解", "image": "white polo and skirt flat lay", "title": "{argument name=\"product name\" default=\"运动POLO衫套装\"}", "details": "白色·M码", "price": "{argument name=\"price\" default=\"¥129\"}", "button": "去抢购" }, { "position": "bottom right", "type": "product card secondary", "badge": "热卖 x 156", "image": "model wearing the outfit", "title": "运动POLO衫套装女 透气速干 显瘦百搭", "tags": ["7天无理由退货", "运费险"], "price": "¥129", "button": "抢" } ], "chat_overlay": { "position": "bottom left", "message_count": 5, "messages": [ "小鹿姐姐: 欢迎新朋友们来到直播间~", "运动达人: {argument name=\"chat message\" default=\"这套好看!\"}", "卡卡西: 布料透气吗?", "小鹿运动优选: 我们这个面料是冰丝速干的,运动出汗也不闷热哦~", "用户_6789: 已拍!" ], "purchase_alert": "用户_6789 等3人 正在去购买" }, "footer": { "input_bar": "说点什么...", "icons_count": 5, "icons": ["smile", "shopping cart", "heart", "share", "more"] } } }

Related Cases