# Prompt Template Library: ui-ux-design

URL: https://www.gptimagehub.com/library/category/ui-ux-design?page=8

Returned prompts: 60

## Video Streaming Platform Desktop UI Mockup
- URL: https://www.gptimagehub.com/library/video-streaming-platform-desktop-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13591
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fvideo-streaming-platform-desktop-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui design, browser mockup, video streaming, web design, desktop ui, interface
- Updated: 2026-10-27T00:37:18.098Z
- Created: 2026-10-27T00:37:18.098Z

Generates a complete desktop browser UI mockup for a video streaming platform with sidebar navigation and video cards. Modify channel names, video titles, and thumbnail descriptions to test different platform concepts.

### Full prompt
```text
{
  "type": "web browser UI mockup",
  "platform": "[YouTube]",
  "browser_window": {
    "style": "macOS light mode",
    "tab": "YouTube",
    "url_bar": "youtube.com"
  },
  "layout": {
    "header": {
      "components": ["hamburger menu", "platform logo", "search bar", "create video icon", "notifications bell", "user profile avatar"]
    },
    "sidebar": {
      "position": "left",
      "item_count": 11,
      "sections": [
        {
          "name": "Main",
          "items": ["Home", "Shorts", "Subscriptions", "Originals", "YouTube Music"]
        },
        {
          "name": "Explore",
          "items": ["Trending", "Shopping", "Music", "Movies", "Live", "Gaming"]
        }
      ]
    },
    "main_content": {
      "category_tags": {
        "count": 10,
        "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "AI", "Cars", "Mixes", "News", "Recently uploaded"]
      },
      "video_grid": {
        "card_count": 5,
        "cards": [
          {
            "position": "top left",
            "size": "large",
            "thumbnail_description": "Sam Altman and Greg Brockman sitting on a stage next to a standing humanoid robot, text overlay 'OpenAI Introducing Our Humanoid Robot', LIVE badge",
            "video_title": "[Introducing Our Humanoid Robot]",
            "channel_name": "[OpenAI]",
            "metadata": "482K watching now"
          },
          {
            "position": "top right",
            "size": "large",
            "thumbnail_description": "surprised man's face on the left, a large mansion hidden in a forest with an explosion on the right, bold yellow text overlay '[TOTAL SECRECY]'",
            "video_title": "[I Bought 100 Million Dollar Secret House!]",
            "channel_name": "MrBeast",
            "metadata": "4.1M views, 19 hours ago, 20:49 duration"
          },
          {
            "position": "bottom left",
            "size": "small",
            "thumbnail_description": "Steve Carell holding a laptop showing a scene from The Office",
            "video_title": "Steve Carell Breaks Down His Most Iconic Characters | GQ",
            "channel_name": "GQ",
            "metadata": "987K views, 2 days ago, 17:46 duration"
          },
          {
            "position": "bottom middle",
            "size": "small",
            "thumbnail_description": "man looking through a spyglass at a sailing ship on the ocean at sunset",
            "video_title": "Black Sails Is Beautiful!",
            "channel_name": "Savage Books",
            "metadata": "606K views, 2 days ago, 17:46 duration"
          },
          {
            "position": "bottom right",
            "size": "small",
            "thumbnail_description": "creepy masked killer character from a video game with text overlay 'DEAD OF DAYLIGHT'",
            "video_title": "Playing As The Seekers In Dead By Daylight",
            "channel_name": "Unknown",
            "metadata": "806K views, 1 day ago, 28:39 duration"
          }
        ]
      }
    }
  }
}
```

---

## Japanese Google Homepage Browser Screenshot
- URL: https://www.gptimagehub.com/library/japanese-google-homepage-browser-screenshot
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-18234
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-google-homepage-browser-screenshot
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 4:3
- Style: graphic-design
- Tags: google homepage, browser screenshot, ui mockup, desktop interface, web design, minimalist
- Updated: 2026-10-27T00:37:03.098Z
- Created: 2026-10-27T00:37:03.098Z

A realistic browser mockup of the Japanese Google search homepage rendered inside a minimalist desktop window. Customize the URL, localized text links, and button labels for any regional version.

### Full prompt
```text
A clean, realistic desktop browser screenshot of the [Japanese] Google homepage inside a minimalist Chrome-like window, viewed straight-on. The browser UI features one active tab labeled "Google" with the official Google favicon, a plus icon for a new tab, navigation controls (back, forward, refresh), a lock security icon, and an omnibox address bar displaying "[google.co.jp]". At the far right are a star bookmark button, a three-dot menu, and desktop window controls. The webpage body is minimalist white with the multicolor Google logo centered prominently. Top-right corner displays exactly 4 items: text link "Gmail", text link "画像", a 3x3 apps launcher grid icon, and a circular profile avatar showing a subtle blue mountain scene. Centered below the logo is a rounded search input bar with a magnifying glass icon on the left, placeholder text "[Google で検索または URL を入力]", and microphone and Google Lens icons on the right. Below the search bar are two rounded light-gray buttons labeled "[Google 検索]" and "[I'm Feeling Lucky]". Beneath them, a small secondary line reads "Google.com in English" with "English" styled in blue. At the bottom, a light gray footer displays "日本" on the upper line, and six footer links below: "広告", "ビジネス", "検索の仕組み", "プライバシー", "規約", and "設定". Crisp sans-serif typography, subtle drop shadows, realistic operating system UI details, ample negative space.
```

---

## Fantasy Storyboard Project Card Masthead
- URL: https://www.gptimagehub.com/library/fantasy-storyboard-project-card-masthead
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-24482
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ffantasy-storyboard-project-card-masthead
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: storyboard, project card, masthead, ui design, film production, cinematic planning
- Updated: 2026-10-27T00:32:58.098Z
- Created: 2026-10-27T00:32:58.098Z

Generates a sleek, compact production masthead card for cinematic fantasy video planning. Customize the project title, metadata themes, and priority frame callouts.

### Full prompt
```text
A compact, professionally designed production project card masthead layout, not a table. TITLE: "[NOX / LUMOS POI FOREST]". META LINE: "[sudden void magic / fantasy ritual suspense / fast 15-second burst flow]". PRIORITY: "[first frame empty forest]". Clean typography, modern film pre-production documentation aesthetic.
```

---

## Fintech SaaS Landing Page Mockup
- URL: https://www.gptimagehub.com/library/fintech-saas-landing-page-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-mm-8503
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ffintech-saas-landing-page-mockup
- Category: UI / UX Design
- Model: nanobananapro
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: fintech, landing page, ui design, web design, glassmorphism, saas, hero section, mockup
- Updated: 2026-10-27T00:32:33.098Z
- Created: 2026-10-27T00:32:33.098Z

Create a high-fidelity fintech landing page mockup featuring sleek glassmorphic UI elements over an atmospheric sci-fi background. Adjust the headlines, logos, and UI elements to fit your brand.

### Full prompt
```text
High-fidelity UI design for a modern fintech SaaS landing page overlaid on a cinematic sci-fi landscape. The background features a massive pale celestial moon dominating the sky partially obscured by layers of thick clouds, a rugged rocky coastline with sparse ancient vegetation on the left, calm water reflecting the scene, a solitary silhouette of a person standing on a rock ledge, and heavy atmospheric blue mist with soft diffuse lighting in an icy blue and white palette. The UI overlay consists of a minimalist navigation bar with a "[Flowstate]" logo, centered navigation links, and a "[Get Started]" button in the top right. Centered hero layout with a translucent pill-shaped badge reading "[INFRASTRUCTURE FOR NEXT FINANCIAL LAYER]", a large bold sans-serif headline reading "[Trust-first infrastructure for digital finance]", clean paragraph subtext below, a primary solid black rounded button next to a secondary text link button, and a bottom row displaying monochrome trusted partner logos ([Google, Microsoft, Stripe]). Sleek glassmorphism elements, crisp white typography, digital matte painting background, Figma interface mockup presentation.
```

---

## Neon Hand Holding Smartphone Mockup
- URL: https://www.gptimagehub.com/library/neon-hand-holding-smartphone-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-16427
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fneon-hand-holding-smartphone-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 4:5
- Style: graphic-design
- Tags: smartphone, mockup, ui-ux, landing page, neon lighting, product photography
- Updated: 2026-10-27T00:26:03.098Z
- Created: 2026-10-27T00:26:03.098Z

Generates a sleek, neon-lit editorial photo of a hand holding a modern smartphone featuring a landing page. Customize the headline, body copy, and button labels to display your product.

### Full prompt
```text
Minimalist studio product photograph of a single human hand holding a modern edge-to-edge smartphone upright against a smooth lavender-to-pink gradient background. The forearm enters from the lower right corner, hand centered slightly to the left, fingers wrapping naturally around the dark bezel with the thumb on the right side. Dramatic dual neon gel lighting casts cool cyan-blue highlights along the left edge and deep magenta-purple tones in the shadows on the right. The sleek phone features rounded corners and a centered pill cutout at the top. Displayed on the screen is a clean monochrome design-tech landing page with an abstract black logo top-left, a small rounded "Menu" button top-right, two wide pale rectangular wireframe cards, and centered onboarding typography below. The main headline reads "[Welcome to the future of design with Terot]", followed by smaller gray subtext "[Create intelligent design systems and AI-powered visual experiences.]", an outlined pill button labeled "[Create account]", and a text link "[Login]". Cinematic tech-advertising aesthetic, realistic skin texture, soft screen glow, and generous negative space.
```

---

## Road Trip Travel Ad Web Banner
- URL: https://www.gptimagehub.com/library/road-trip-travel-ad-web-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14229
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Froad-trip-travel-ad-web-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: web banner, travel ad, road trip, ui design, japanese typography, mountain lake, marketing design
- Updated: 2026-10-27T00:23:33.098Z
- Created: 2026-10-27T00:23:33.098Z

Creates a polished Japanese road-trip marketing banner with scenic mountain visuals, UI buttons, and typography. Customize the vehicle color, backdrop landscape, and Japanese headline text.

### Full prompt
```text
{
  "type": "travel advertisement web banner",
  "layout": {
    "background": "[majestic snow-capped mountains and turquoise lake], pine trees, winding paved road, bright blue sky with fluffy clouds",
    "foreground_right": "[light blue] SUV parked on the roadside, open trunk packed with travel luggage, loaded roof rack, rustic wooden signpost reading 'NEXT ADVENTURE'",
    "typography_left": {
      "top_ribbon": "Golden banner ribbon with Japanese text 'まだ見ぬ絶景へ。' and a small bird icon",
      "main_headline": "Large elegant serif typography reading '[自然に、深呼吸しよう。]' in a deep blue gradient",
      "sub_headline": "Clean text reading '[走り出せば、心まで晴れていく。]' flanked by delicate thin lines and a minimalist mountain graphic"
    },
    "ui_elements": {
      "cta_button": "Pill-shaped blue-to-green gradient button with white text '[おすすめを見る >]'",
      "bottom_bar": {
        "description": "Clean semi-transparent white footer bar",
        "count": 3,
        "items": [
          {"icon": "mountain and road icon", "text": "絶景ドライブ"},
          {"icon": "camera and leaf icon", "text": "リフレッシュ旅"},
          {"icon": "calendar and tree icon", "text": "週末でも満喫"}
        ]
      }
    }
  }
}
```

---

## Isometric Cloud Logistics Browser Illustration
- URL: https://www.gptimagehub.com/library/isometric-cloud-logistics-browser-illustration
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19702
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fisometric-cloud-logistics-browser-illustration
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: isometric, cloud logistics, line art, vector icon, saas ui, minimalist
- Updated: 2026-10-27T00:23:23.098Z
- Created: 2026-10-27T00:23:23.098Z

A minimalist isometric line-art illustration of a cloud-connected web browser for logistics. Customize the accent colors and icons inside the window to match your branding.

### Full prompt
```text
A clean, minimalist isometric line-art illustration on an off-white background with faint light-gray perspective grid lines. In the center, a rounded rectangular web browser window stands upright on a thick rounded rectangular platform base, rendered with thin black outlines and white fill. Above the browser floats a large outlined cloud icon connected by a thin vertical black line with a short dotted segment. Inside the browser interface, a simple outlined delivery vehicle icon carries a small package on its roof. The browser header includes a small blue back chevron on the left, a long horizontal address line, and a short menu line. On the right side of the browser frame, a translucent blue circular button displays a diagonal slash, while a thin connector line extends from a tiny [soft red] rounded square port to a small solid [periwinkle blue] circular node. Sparse accent palette of [periwinkle blue] and [soft red] with crisp black lines, clean isometric depth, no drop shadows, no text.
```

---

## Chinese E-Commerce Live Stream Mobile Mockup
- URL: https://www.gptimagehub.com/library/chinese-e-commerce-live-stream-mobile-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13790
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fchinese-e-commerce-live-stream-mobile-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: live stream, mobile ui, ecommerce, hanfu, mockup, tea, app interface
- Updated: 2026-10-27T00:17:33.098Z
- Created: 2026-10-27T00:17:33.098Z

Renders a complete mobile live streaming interface featuring a Hanfu-clad host selling tea. Customize the product details, banner campaigns, host name, and chat messages in the brackets.

### Full prompt
```text
{
  "type": "mobile live stream UI mockup",
  "subject": {
    "description": "young Asian woman in traditional light peach Hanfu with floral embroidery, ornate gold and pearl hairpins with pink flowers, smiling, looking at camera, holding a round tin of floral tea",
    "foreground_objects": {
      "count": 5,
      "items": [
        "round tin held by host",
        "round tin on table",
        "rectangular box on table",
        "open tin with dried tea leaves",
        "clear glass teacup with blooming pink flower"
      ],
      "labels": ["牡丹花茶"]
    },
    "background": "traditional Chinese interior, warm lighting, wooden lattice screens, pink floral branches"
  },
  "ui_layout": {
    "top_bar": {
      "elements": ["19:37", "signal bars", "wifi", "battery"]
    },
    "top_left": {
      "host_info": {
        "name": "[小雅国风严选]",
        "stats": "83.0万本场点赞",
        "button": "关注"
      },
      "badges": ["带货榜", "人气榜"],
      "promo_banner": "领券下单更优惠 点击领取"
    },
    "top_right": {
      "viewers": {
        "count": 3,
        "text": "10万+",
        "close_button": "X"
      },
      "links": ["更多直播 >"],
      "event_banner": {
        "title": "[抖音618好物节]",
        "dates": "5.24-6.18"
      }
    },
    "mid_left_events": {
      "gift_count": 2,
      "gifts": [
        {"user": "可乐", "action": "送小心心", "combo": "x 16"},
        {"user": "安安", "action": "送人气票", "combo": "x 21"}
      ],
      "join_notification": "加入了直播间"
    },
    "bottom_left_chat": {
      "message_count": 5,
      "messages": [
        "[主播这款花茶喝了美容养颜吗？]",
        "包装也太好看了吧！",
        "拍了2号链接，期待发货~",
        "主播讲讲功效呗",
        "已经回购三次了，味道很正！"
      ]
    },
    "bottom_product_card": {
      "title": "小雅严选 [牡丹花茶]礼盒装",
      "guarantee": "坏损包退 7天无理由退货",
      "price": "[¥ 89.9]",
      "button": "抢"
    },
    "bottom_nav_bar": {
      "input_placeholder": "说点什么...",
      "icons_count": 5,
      "icons": ["smiley", "shopping cart", "gift", "heart", "more options"]
    }
  }
}
```

---

## Tropical Resort Travel Web Banner
- URL: https://www.gptimagehub.com/library/tropical-resort-travel-web-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14234
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ftropical-resort-travel-web-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: travel, web banner, advertisement, resort, tropical, ui design, marketing
- Updated: 2026-10-27T00:13:08.098Z
- Created: 2026-10-27T00:13:08.098Z

Generates a travel marketing banner set against a tropical bungalow resort with Japanese typography. Customize resort scenery, promotional headlines, or CTA button text within the brackets.

### Full prompt
```text
{
  "type": "travel advertisement web banner",
  "scene": {
    "setting": "[tropical overwater bungalow resort]",
    "background": "turquoise water, clear blue sky, fluffy white clouds, palm trees, distant white sailboat, two airplanes with subtle dashed flight paths",
    "foreground_right": "sunlit wooden deck, two lounge chairs with white cushions, folded blue towel, woven straw hat, small round table with a blue tropical drink, frangipani blossoms, pink hibiscus framing the border"
  },
  "layout": {
    "text_overlay": {
      "position": "center-left",
      "elements": [
        { "type": "top_text", "text": "[さあ、次の旅へ。]", "decoration": "small airplane icon, dashed line" },
        { "type": "main_headline", "text": "[この景色に、会いにいこう。]", "style": "large elegant blue gradient serif font" },
        { "type": "subheadline", "text": "[日常を抜け出して、心がほどける休日を。]", "decoration": "subtle gold decorative swirls" },
        { "type": "cta_button", "text": "[今すぐチェック]", "style": "blue-cyan gradient pill shape with a right arrow" }
      ]
    },
    "bottom_features": {
      "position": "bottom-left",
      "count": 3,
      "items": [
        { "icon": "palm trees and waves", "label": "絶景リゾート" },
        { "icon": "overwater bungalow", "label": "非日常ステイ" },
        { "icon": "suitcase", "label": "週末旅行にも" }
      ]
    }
  }
}
```

---

## Japanese Skincare Facial Cleanser Web Banner
- URL: https://www.gptimagehub.com/library/japanese-skincare-facial-cleanser-web-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-29634
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-skincare-facial-cleanser-web-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 5:4
- Style: graphic-design
- Tags: skincare, web banner, cosmetics, japanese ad, beauty ecommerce, advertising, graphic design
- Updated: 2026-10-27T00:08:58.098Z
- Created: 2026-10-27T00:08:58.098Z

Generate a polished Japanese e-commerce skincare banner with a radiant model, product foam, and benefit badges. Customize the headlines, CTA text, and product details to fit your beauty campaign.

### Full prompt
```text
Commercial Japanese skincare web banner for a [clear facial cleansing wash], horizontal layout. Bright white and pale blue palette with subtle watery ripples and high-key lighting, conveying a [fresh, moist, clean, and gentle] mood.

Composition & Subject:
- Right half: A [smiling young East Asian woman with dewy skin], cropped from shoulders up, facing the camera with her right hand gently touching her cheek. Her dark hair is tied back loosely, wearing natural dewy makeup and a white camisole strap.
- Left half: Prominent blue Japanese calligraphy headline reading 「[クリアにする 洗顔、はじまる。]」 with 「クリア」 in an extra-large brush style. Underneath, a dark gray sub-headline reading 「皮脂・角栓・酸化汚れを やさしく分解し、うるんとした素肌へ」.
- Lower left: A white facial cleanser tube standing upright labeled "CLEAR WASH", accompanied by a dense mound of rich white micro-foam.
- Exactly 3 floating translucent blue water bubbles showing benefit text: 「使用満足度 92%」, 「アルコール・パラベン フリー」, and 「皮膚の専門家監修」. The bubbles are glossy and refractive.
- Bottom: Full-width blue gradient call-to-action bar with centered white Japanese text 「[今すぐ洗顔ケアを始める]」 and a small white right-pointing triangle icon.

Style: Premium Japanese cosmetic e-commerce graphic design, clean whitespace, realistic beauty photography compositing, crisp typography, and clinical-grade purity.
```

---

## Douyin Live Stream UI Mockup
- URL: https://www.gptimagehub.com/library/douyin-live-stream-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-28113
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdouyin-live-stream-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: douyin, livestream, ui design, mobile app, hanfu, interface mockup
- Updated: 2026-10-27T00:07:33.098Z
- Created: 2026-10-27T00:07:33.098Z

Generates a mobile live streaming interface mockup complete with interactive UI overlays. Customize the bracketed text to feature different stream subjects or environments.

### Full prompt
```text
A smartphone screen interface mockup of a Douyin live stream room, with on-screen comments, viewer count, like animations, and gift icons overlaying the video feed showing [a beautiful woman in traditional Hanfu live streaming].
```

---

## Hotel Room Wi-Fi Information Card
- URL: https://www.gptimagehub.com/library/hotel-room-wi-fi-information-card
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19072
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fhotel-room-wi-fi-information-card
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 3:2
- Style: graphic-design
- Tags: information card, wifi card, hotel amenities, minimalist, stationery mockup, graphic design
- Updated: 2026-10-27T00:00:43.098Z
- Created: 2026-10-27T00:00:43.098Z

Generates an elegant hotel-style guest information card showing Wi-Fi details. Customize the network name, password, and background aesthetic to fit your space.

### Full prompt
```text
Hotel room information card mockup, postcard size, [beige and wood grain] aesthetic. Legible printed text showing SSID "[○○]" and password "[△△]", clean minimalist layout, soft warm indoor lighting, top-down still life perspective.
```

---

## Mobile Live Stream App Interface Mockup
- URL: https://www.gptimagehub.com/library/mobile-live-stream-app-interface-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13843
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fmobile-live-stream-app-interface-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: live stream, mobile ui, app mockup, streaming interface, social media app, ui overlay
- Updated: 2026-10-26T23:51:18.098Z
- Created: 2026-10-26T23:51:18.098Z

Renders a complete smartphone live-streaming screen featuring a video host, real-time chat, and interactive gift badges. Modify host details, UI labels, or chat texts to fit your concept.

### Full prompt
```text
{
  "type": "mobile live-streaming app interface mockup",
  "video_feed": {
    "subject": "[young Asian woman, long dark hair, white lace top, resting chin on hand, smiling softly]",
    "background": "cozy room, couch with animal pillow, shelf with 'FLOWER' framed picture, pink roses in a vase, warm lighting"
  },
  "ui_overlay": {
    "status_bar": {
      "elements": ["20:34", "location arrow", "signal bars", "wifi", "battery 78%"]
    },
    "top_header": {
      "host_info": {
        "name": "[小鹿酱💕]",
        "subtitle": "12.8万本场点赞",
        "button": "关注"
      },
      "top_viewers_count": 3,
      "top_viewers_labels": ["1.2w", "9800", "8700"],
      "total_viewers": "1.9万",
      "close_button": "X"
    },
    "badges_and_prompts": {
      "top_left_count": 2,
      "top_left_labels": ["小时榜第3名", "人气榜"],
      "top_right_count": 2,
      "top_right_labels": ["更多直播 >", "许下心愿，一起完成任务"]
    },
    "gift_notifications": {
      "count": 2,
      "items": [
        { "user": "@阿飞", "action": "送小心心", "multiplier": "[x 66]" },
        { "user": "向阳而生", "action": "送鲜花", "multiplier": "x 10" }
      ]
    },
    "chat_stream": {
      "count": 7,
      "messages": [
        "甜甜 加入了直播间",
        "尼古拉斯: [主播今天好美呀～]",
        "小心心: [唱一首歌吧，想听你唱歌～]",
        "一只小鹿: 支持支持，天天看你直播 😘",
        "快乐每一天: 人美心善，说话又好听！",
        "小可爱: 主播粉丝团怎么加入呀？",
        "系统: 直播内容严禁违规，文明直播，一起营造良好的直播环境。"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "说点什么...",
      "icon_count": 5,
      "icons": ["smiley face", "pink heart", "gift box", "three dots", "bar chart"],
      "floating_elements": "pink and blue hearts rising on the right"
    }
  }
}
```

---

## Live Gaming Stream Interface Mockup
- URL: https://www.gptimagehub.com/library/live-gaming-stream-interface-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14049
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Flive-gaming-stream-interface-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: live stream, streaming ui, twitch mockup, ui design, gameplay feed, webcam overlay
- Updated: 2026-10-26T23:50:58.098Z
- Created: 2026-10-26T23:50:58.098Z

Renders a complete live streaming platform UI with a gameplay feed, webcam overlay, stream metadata, and chat panel. Easily swap the streamer, game scene, stream details, and chat comments.

### Full prompt
```text
{"type": "live stream interface mockup", "layout": {"main_feed": {"content": "video game scene, cowboy silhouette looking at a grave with a celtic cross at sunset", "subtitle": "[Arthur I gave you all I had.]", "ui_elements": ["circular minimap in bottom left"]}, "webcam": {"position": "top left", "subject": "[Sam Altman] looking intently and slightly sad", "background": "room with a plant and a glowing warm lamp"}, "stream_info": {"position": "bottom", "profile": {"name": "[SamAltman]", "verified": true, "avatar": "grayscale portrait of the streamer", "live_badge": "LIVE"}, "details": {"title": "[first playthrough of RDR2 (no spoilers please!)]", "category": "[Red Dead Redemption 2]", "tags": ["English", "AMA", "OpenAI", "CEO", "Artificial Intelligence"]}, "stats": {"viewers": "141,572", "uptime": "3:42:17"}, "buttons": ["Follow", "Subscribe"]}, "chat_sidebar": {"position": "right", "header": "STREAM CHAT", "messages_count": 17, "message_examples": ["spaghetti_code: don't cry", "nicodemus88: we're all gonna make it", "quantumlance: peak fiction", "souljaboytellem: LUMBAGO", "m4xw311: ride high cowboy"], "input_area": "Send a message box with a purple Chat button"}}}
```

---

## Japanese Legal and Tax Services Landing Banner
- URL: https://www.gptimagehub.com/library/japanese-legal-and-tax-services-landing-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14937
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-legal-and-tax-services-landing-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: landing page, hero banner, legal services, japanese web design, tax accountant, cta button
- Updated: 2026-10-26T23:49:18.098Z
- Created: 2026-10-26T23:49:18.098Z

Generates a high-converting Japanese landing page hero graphic featuring a 4-panel legal service grid and CTA banner. Customize the office name, button copy, and service details.

### Full prompt
```text
A commercial Japanese listing-ad landing page hero banner for a law and tax accounting firm. The layout is divided into a top 4-panel service grid and a bottom call-to-action footer.

Top Section:
Four equal-width vertical panels touching edge-to-edge with clean, thin white dividers. Highly saturated primary colors with glossy ad styling:
- Panel 1 (Red): Top red header bar with text 「刑事事件」. Photo shows a dramatic close-up of two hands gripping dark prison bars against a black background. Bottom red caption bar with bold white Japanese text 「逮捕・訴訟に即対応！」.
- Panel 2 (Blue): Top blue header bar with text 「交通事故」. Photo shows a realistic daytime rear-end collision between two dark sedans on a city street. Bottom blue caption bar with bold white Japanese text 「慰謝料・示談もお任せ！」.
- Panel 3 (Green): Top green header bar with text 「相続税」. Photo shows an elderly couple at a table consulting with a business professional in a suit, with paperwork and a miniature house model on the desk. Bottom green caption bar with bold white Japanese text 「税相続対策をしっかりサポート！」.
- Panel 4 (Orange): Top orange header bar with text 「離婚問題」. Photo shows an upset woman seated indoors with her head resting on her hand. Bottom orange caption bar with bold white Japanese text 「慰謝料・親権の悩みを解決！」.

Bottom Footer Section:
A light beige/cream colored background. On the left side, a small black subheadline reads 「法律相談・税務相談なら」. Centered below it, the main office name is written in large metallic gold gradient bold Japanese text with a subtle bevel: 「[〇〇法律事務所・税理士事務所]」, framed by thin black horizontal divider lines above and below. On the lower right, a prominent glossy red rounded-rectangular CTA button displays bold white Japanese text reading 「[無料相談受付中！]」.

Overall visual style: Corporate Japanese web landing page hero graphic, high-contrast listing ad aesthetic, commercial stock photography compositing, sharp typography, trustworthy and urgent tone.
```

---

## Neon Hedonism Nightlife UI Poster
- URL: https://www.gptimagehub.com/library/neon-hedonism-nightlife-ui-poster
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19693
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fneon-hedonism-nightlife-ui-poster
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: cyberpunk, glassmorphism, ui design, nightlife, music app, neon poster
- Updated: 2026-10-26T23:46:53.098Z
- Created: 2026-10-26T23:46:53.098Z

Generates a cyberpunk club hero banner featuring glassmorphic music app UI widgets over a moody mirror portrait. Customize the headline, subject, and color palette.

### Full prompt
```text
{"type":"cinematic neon nightlife landing-page poster with futuristic glass UI overlay","aspect_ratio":"16:9 widescreen","style":"photorealistic cyberpunk editorial, high saturation, dark glossy club bathroom or backstage mirror scene, magenta and electric-blue lighting, shallow depth of field, bloom, lens flares, wet reflections, smoky atmosphere, premium music app advertisement aesthetic","main_text":{"headline":"[NEON HEDONISM]","position":"top center","appearance":"huge uppercase thin sans-serif neon tube letters, hot pink glow","subheadline":"[Late-night tales in high saturation.]","position_detail":"centered directly under headline, small pale pink sans-serif"},"scene":{"subject":"[a glamorous tired woman in a black strap top leaning toward a mirror]","composition":"the woman appears both as a close blurred back-of-head figure on the right foreground and as a darker reflection on the left-middle; her face is partly hidden by shadow and a large centered square privacy blur/censor block filled with a dark purple-to-maroon gradient","environment":"narrow neon-lit room with glossy walls, mirror surface, violet graffiti-like glow on the far right, blue vertical light streaks, magenta highlights on skin and hair","mood":"late night, sensual, moody, immersive, decadent but elegant"},"ui_overlay":{"material":"transparent frosted-glass cards with rounded corners, thin violet-blue outlines, soft inner glow, tiny white labels, magenta data accents","total_discrete_ui_components":6,"components":[{"count":1,"name":"left vertical mood card","position":"left side upper","contents":"three stacked icon rows labeled MOOD, VIBE, GLOW; icons are a heart, an audio waveform, and a sparkle; each row has three small dot indicators"},{"count":1,"name":"night index card","position":"left side lower-middle","contents":"label NIGHT INDEX, large number 87, small /100 text, glowing pink progress bar"},{"count":1,"name":"now playing card","position":"right side upper-middle","contents":"label NOW PLAYING, pink audio waveform, track title After Hours, artist The Velvet Echoes, circular pause button"},{"count":1,"name":"scene level card","position":"right side lower-middle","contents":"label SCENE LEVEL, large word HIGH, small rising line chart with a glowing endpoint"},{"count":1,"name":"bottom call-to-action bar","position":"full-width near bottom with margins","contents":"left shell-like circular icon, text 'Curate the mood. Capture the night.', right text 'Built with GPT-Image-2 on MyShell', small cube logo"},{"count":1,"name":"brand mark","position":"bottom right corner","contents":"white MyShell logo and wordmark"}]},"color_palette":{"primary":"[hot pink magenta]","secondary":"electric blue and deep violet","background":"near-black indigo with reflective purples","skin_highlights":"pink and blue rim light"},"typography":"clean futuristic sans-serif, all caps for UI labels, wide letter spacing, crisp readable text with neon glow","rendering_instructions":"create a polished promotional hero image, keep all six UI components legible and exactly placed, emphasize reflections and night-club atmosphere, preserve the large central square privacy block over the face area, no extra panels or additional labels"}
```

---

## ChatGPT Dark Mode Image Generation Screenshot
- URL: https://www.gptimagehub.com/library/chatgpt-dark-mode-image-generation-screenshot
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-21765
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fchatgpt-dark-mode-image-generation-screenshot
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: chatgpt, mobile ui, dark mode, screenshot, app interface, apple, ios design
- Updated: 2026-10-26T23:41:38.098Z
- Created: 2026-10-26T23:41:38.098Z

Renders a realistic dark-mode ChatGPT mobile app screenshot featuring an AI image generation prompt and result. Customize the prompt text, dimensions, seed, and generated artwork inside the placeholders.

### Full prompt
```text
A realistic vertical smartphone screenshot of the ChatGPT mobile app in dark mode, 9:16 aspect ratio, displaying an image generation conversation. At the top, an iPhone-style status bar shows 19:44, cellular bars, 4G, and 67% battery on a pitch black background. The top app navigation bar features four elements: a circular hamburger menu button on the far left, a rounded pill labeled "Thinking" in blue text, a rounded button with a pencil edit icon, and a three-dot menu icon on the far right.

Below, a single right-aligned user chat bubble in dark reddish-brown with rounded corners contains three lines of text:
"PROMPT: [机上のリンゴ]"
"size=[1024×1024]"
"seed=[1234]"

Directly beneath the user bubble, small gray status text reads: "Thought for [33s]".

Below the status text is a large rounded-corner image card filling most of the screen width. Inside the card is a photorealistic image of a glossy red apple centered on a light wooden tabletop under soft studio lighting, with yellow-green highlights near the stem indentation, subtle vertical streaks, a small brown stem, and a softly blurred pale gray wall in the background. In the lower-left corner of the image card, there is a rounded brown button labeled "編集する". In the lower-right corner, there is a circular brown button with a white share arrow icon. Below the card, a single standalone ellipsis line displays "…".

At the bottom of the screen, the ChatGPT text input bar features a plus icon button, placeholder text reading "ChatGPT に質問する", a microphone icon, and an orange circular voice-waveform button inside a dark rounded input container. Authentic iOS dark theme UI, crisp typography, clean spacing, no watermarks, no browser chrome.
```

---

## Glossy Magazine Editorial Article Spread
- URL: https://www.gptimagehub.com/library/glossy-magazine-editorial-article-spread
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-mm-33
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fglossy-magazine-editorial-article-spread
- Category: UI / UX Design
- Model: gpt-image-2-5-sunburst
- Aspect ratio: 4:3
- Style: graphic-design
- Tags: magazine, editorial layout, typography, mockup, desktop, print design
- Updated: 2026-10-26T23:31:38.098Z
- Created: 2026-10-26T23:31:38.098Z

Transforms any text into a realistic open glossy magazine article spread on a desk. Replace the bracketed text with your own article to generate custom editorial layouts.

### Full prompt
```text
A high-angle photograph of an open glossy magazine article spread resting on a clean wooden desk. The editorial layout features professional typography, supporting photographs, bold subheadings, and stylish pull quotes. Render this entire text verbatim into the article layout: '[paste the full unformatted article here]'.
```

---

## Chinese Live Streaming Mobile UI Mockup
- URL: https://www.gptimagehub.com/library/chinese-live-streaming-mobile-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13781
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fchinese-live-streaming-mobile-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: live streaming, mobile ui, ui mockup, chat overlay, app design, interface
- Updated: 2026-10-26T23:30:38.098Z
- Created: 2026-10-26T23:30:38.098Z

Renders a complete mobile live-streaming interface with host video, animated virtual gift, and chat overlay. Customize the gift effect, streamer handle, and chat messages to fit any streaming app.

### Full prompt
```text
{
  "type": "mobile live-streaming app interface mockup",
  "subject": {
    "description": "young Asian woman, long dark hair, smiling, wearing a light blue sparkly dress",
    "action": "holding a decorative sign with text",
    "sign_text": "[x1 谢谢行者大哥的大火箭！]"
  },
  "visual_effects": {
    "description": "[glowing pink holographic rocket] launching on the right side, emitting starbursts and magical particles"
  },
  "layout": {
    "top_bar": {
      "time": "20:30",
      "broadcaster": {
        "name": "[糖心 ❤️]",
        "stats": "12.8万本场点赞",
        "button": "关注"
      },
      "top_viewers_count": 4,
      "total_viewers": "10万+",
      "close_button": "X"
    },
    "widgets": {
      "count": 5,
      "labels": [
        "小时榜第1名",
        "人气榜",
        "更多直播 >",
        "礼物展馆 0/24",
        "[抖音夏日歌会 7月26日-7月28日]"
      ]
    },
    "chat_overlay": {
      "gift_alert": "行者 送 大火箭",
      "message_count": 6,
      "messages": [
        "梦想起航 加入了直播间",
        "小甜甜: [主播唱歌真好听~]",
        "是你的小可爱: 好美啊主播",
        "*^O^*: 来了来了",
        "大宝贝: 主播棒棒棒棒棒棒哒",
        "清风徐来: 送出小心心 x10"
      ]
    },
    "bottom_bar": {
      "input_placeholder": "说点什么...",
      "icon_count": 4,
      "icons": ["smiley face", "heart planet", "gift box", "three dots"]
    }
  }
}
```

---

## Japanese Skincare Mobile Ad AB Comparison
- URL: https://www.gptimagehub.com/library/japanese-skincare-mobile-ad-ab-comparison
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-17657
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-skincare-mobile-ad-ab-comparison
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: skincare ad, mobile banner, ab testing, japanese design, beauty marketing, cosmetic mockup
- Updated: 2026-10-26T23:30:23.098Z
- Created: 2026-10-26T23:30:23.098Z

Generate a side-by-side comparison of branding-focused and conversion-driven Japanese mobile skincare banners. Swap the product name, slogans, and circular badges to fit any beauty campaign.

### Full prompt
```text
A side-by-side comparison image displaying two vertical Japanese skincare advertisement banners presented as smartphone-style mobile ad mockups, set against a dark charcoal background. Both banners share a cool beauty aesthetic with icy blue, white, and silver tones, floating water droplets, and translucent splash textures.

Left banner (brand-focused creative):
- Model: Soft backlit close-up of a woman with wet-look dark hair and luminous bare skin, with a centered rectangular blur censor block over her eyes and nose.
- Product: Sleek white-and-silver sunscreen tube labeled "[VITA LUMIÈRE]" resting at the lower right.
- Typography: Elegant Japanese serif and sans-serif type.
- Main headline: 「透明ツヤ肌をつくる ビタミンC×日焼け止めクリーム」.
- Handwritten subcopy: 「まるでスキンケア！つけるたび、素肌がうるおう。」.
- Bottom: Three small circular benefit icons, and a rounded blue CTA button reading 「今すぐ透明ツヤ肌を体感する」.

Right banner (direct-response conversion creative):
- Model: Same model with identical rectangular blur block over her face, framed more dynamically.
- Product: The same "[VITA LUMIÈRE]" tube rendered larger and more prominent on the right.
- Top headline: Bold, high-contrast Japanese copy reading 「紫外線も、くすみも、もう怖くない。」.
- Badges: A blue speech-bubble badge reading 「透明ツヤ肌をつくる」 and the angled handwritten subcopy 「まるでスキンケア！つけるたび、素肌がうるおう。」.
- Mid-lower area: Three large glossy circular claim badges reading 「肌トーンアップ効果」, 「うるおい美容液成分80%」, and 「ビタミンC誘導体」.
- Conversion elements: A bright pink campaign strip above the CTA reading 「初回限定・送料無料キャンペーン中」, and an oversized prominent blue CTA button reading 「今すぐ透明ツヤ肌を体感する」.
```

---

## Architect Live Stream Interface Mockup
- URL: https://www.gptimagehub.com/library/architect-live-stream-interface-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13848
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Farchitect-live-stream-interface-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: live stream, ui mockup, architect, scale model, mobile app, chat overlay
- Updated: 2026-10-26T23:20:38.098Z
- Created: 2026-10-26T23:20:38.098Z

Generates a vertical mobile live stream interface showing an architect assembling a scale model. Easily tweak the creator profile, active workflow steps, and real-time chat messages.

### Full prompt
```text
{
  "type": "live stream interface mockup",
  "scene": {
    "subject": "[young Asian male architect wearing glasses and a brown canvas apron]",
    "action": "focused on building a detailed white architectural scale model of a modern house using tweezers",
    "setting": "dimly lit design studio, illuminated by a warm desk lamp, green cutting mat on the desk, architectural blueprints pinned on the wall in the background"
  },
  "ui_elements": {
    "top_left": {
      "profile": "circular avatar, username '[建筑师阿凯]', stats text '2.3万本场点赞', pink pill button '[+ 关注]'",
      "ranking": "yellow flame icon with text '小时榜第6名'"
    },
    "top_right": {
      "viewers": "4 overlapping viewer avatars, viewer count '2336', 'X' close icon",
      "ranking_link": "pink indicator dot '更多直播 >', leaderboard tag '抖音直播榜 专业设计师榜' with small bar chart icon"
    },
    "mid_left_overlay": {
      "title": "正在做：",
      "subtitle": "[山地住宅概念模型]",
      "bullet_points": [
        "· 场地分析",
        "· 体块推敲",
        "· 材料搭建",
        "· 细节刻画"
      ]
    },
    "bottom_left_chat": {
      "messages": [
        "Badge 32 粉丝团 建筑小白: [这个模型比例是多大呀？]",
        "Badge 7 清风徐来: 太厉害了，细节好棒！",
        "Badge 11 回笙: 用的什么材料呀？",
        "主播 [建筑师阿凯]: [主要是卡纸、泡沫板、和balsa木，等会会展示👍]",
        "Badge 26 设计师文文: 这个设计好治愈🌿",
        "Badge 5 一只奶盖: 学到了，感谢分享！"
      ]
    },
    "bottom_right_interactions": "vertical stream of floating colorful reaction icons including hearts, thumbs up, and star eyes emojis",
    "bottom_bar": "translucent chat input box with placeholder '说点什么...', smiley emoji icon, yellow shopping cart icon, pink heart button, pink gift box icon, three dots option icon"
  }
}
```

---

## Glossy Pastel 3D Clay Icon Set
- URL: https://www.gptimagehub.com/library/glossy-pastel-3d-clay-icon-set
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-30405
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fglossy-pastel-3d-clay-icon-set
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: 3d
- Tags: ui icons, 3d clay, app assets, pastel palette, glossy icons, minimalist ui
- Updated: 2026-10-26T23:19:33.098Z
- Created: 2026-10-26T23:19:33.098Z

Generates a balanced collection of seven glossy, clay-style UI icons on a clean background. Adjust the palette, icon subjects, or grid layout to match your branding.

### Full prompt
```text
A clean asset-style icon set on a [pure white] background, arranged in [two rows, 3 icons on top and 4 icons on bottom] featuring [7] isolated [glossy 3D clay app icons]. The icons are: 1) a rounded house with a pink roof, pale blue walls, purple base and door, two small blue windows, and glossy white highlights; 2) a calendar card with a purple top bar, two pink binder rings, white page area, cyan bottom edge, and a yellow sparkle star in the center; 3) a magnifying glass with a purple handle and rim, cyan blue lens, and bright reflections; 4) a gold trophy with side handles, purple base, and a pink star badge; 5) crossed writing tools, a purple pen crossed with a pink pencil with a pale wood tip; 6) a golden yellow notification bell with a pink knob and clapper, viewed slightly from the front; 7) a cute yellow chick face icon with small black eyes, orange beak, blush cheeks, and a tiny tuft on top. Rendered in a cute rounded toy-like style using smooth gradients, specular highlights, soft drop shadows, and [pink, purple, cyan, yellow pastel colors]. No text, labels, frames, or watermarks.
```

---

## Japanese Legal and Tax Landing Page Banner
- URL: https://www.gptimagehub.com/library/japanese-legal-and-tax-landing-page-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14934
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-legal-and-tax-landing-page-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: landing page, web design, law firm, tax consultant, japanese typography, hero banner, corporate design
- Updated: 2026-10-26T23:18:28.098Z
- Created: 2026-10-26T23:18:28.098Z

Generates a clean Japanese law and tax firm landing page banner with four service cards and a consultation CTA. Customize the office name, phone number, and service text in brackets.

### Full prompt
```text
A polished Japanese landing-page hero banner for a combined law firm and tax accountant office, featuring a corporate layout with high trust, soft daylight, a clean white background, and faint modern city skyscrapers on the far right. Wide horizontal web header composition.

Top Section:
- Large navy Japanese headline: "[あなたの『不安』に、確かな専門力で寄り添います。]"
- Beneath it, a smaller gold-accented Japanese subheadline: "[法律 × 税務のワンストップサポートで、最善の解決へ]"

Center Section (4 vertical service cards side by side):
1. Criminal Defense (cool blue theme): circular handcuffs icon on top, large title "刑事事件", supporting text "迅速な対応で、あなたの未来を守ります", a photo of a suited male professional seated with clasped hands at an office desk, and a dark blue bottom band with 2 checkmarked lines: "逮捕・勾留対応" and "示談交渉・不起訴の獲得".
2. Traffic Accidents (green theme): circular car collision icon on top, title "交通事故", supporting text "適正な補償を受けられるよう、全力でサポートします", a bright desk photo with two miniature toy cars colliding over legal documents, and a dark green bottom band with 2 bullet lines: "後遺障害・慰謝料の増額" and "保険会社との交渉代行".
3. Inheritance Tax (warm gold theme): circular house icon on top, title "相続税", supporting text "円満な相続と、最適な税務対策をサポート", a photo of a model house, financial papers, and a calculator on a table, and a mustard-gold bottom band with 2 bullet lines: "相続税の申告・節税対策" and "生前対策・事業承継支援".
4. Divorce (rose-pink theme): circular broken heart icon on top, title "離婚", supporting text "あなたの未来のために、納得できる解決を目指します", a soft consultation photo of a woman in a white blouse resting her hand near her chin while talking across a desk, and a dusty-rose bottom band with 2 bullet lines: "親権・養育費・財産分与" and "離婚協議・調停・裁判対応".

Bottom Section:
- Left: small text "法律事務所・税理士事務所", large firm branding "[架空総合法律税務事務所]", subtext "弁護士・税理士が連携するワンストップサービス".
- Center: 3 compact white feature cards with navy line icons: "各分野の専門家が対応" (people icon), "相談者様に寄り添う親身なサポート" (handshake icon), "初回相談60分無料" (document icon), with a small note beneath: "※ご相談の内容によっては有料となる場合がございます。".
- Right: prominent navy rounded CTA card with white text "まずはお気軽にご相談ください", large phone number with phone icon "[03-1234-5678]", and a gold pill button reading "[平日 9:00〜18:00（土日祝は事前予約で対応可）]".

Refined Japanese Mincho typography for headlines, crisp alignment, subtle dropshadows, professional legal corporate identity.
```

---

## Skincare E-Commerce Product Page Mockup
- URL: https://www.gptimagehub.com/library/skincare-e-commerce-product-page-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-15056
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fskincare-e-commerce-product-page-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: e-commerce, ui-ux-design, mockup, skincare, web-design, product-page, minimalist
- Updated: 2026-10-26T23:05:38.098Z
- Created: 2026-10-26T23:05:38.098Z

Generates a clean desktop and mobile e-commerce mockup for a luxury skincare product. Adjust the product details, packshot props, and color palette to match your branding.

### Full prompt
```text
{"type":"e-commerce skincare product page mockup","brand":{"name":"GLOW.","style":"minimal luxury skincare branding"},"product":{"name":"[Hyaluronic Acid Serum]","category":"serum","price":"[$36.00]","rating":{"stars":5,"score":"4.8","reviews":"(1200 reviews)"},"badge":"BESTSELLER","description":"A lightweight, fast-absorbing serum that delivers intense hydration, visibly plumps, and helps smooth the look of fine lines.","size":"30ml / 1 fl oz","payment_note":"Pay in 4 interest-free payments of $9.00 with afterpay","benefits":["Deep Hydration","Plumps + Smooths","Fragrance Free"],"shipping_note":"Free shipping on orders over $50"},"visual":{"primary_packshot":"clear glass dropper bottle with white cap and white label, black minimalist text, placed on a warm beige surface with a small beige stone sphere on the left and a large round marble disc on the right, soft studio shadows, clean premium skincare ad lighting","gallery_thumbnails":{"count":4,"items":["front product bottle on beige set","serum texture droplets on beige background","open bottle with serum dropper above neck","soft lifestyle skin-toned close-up blur"]}},"layout":{"background":"light gray studio backdrop","canvas":"wide desktop website mockup with a mobile version shown to the right","sections":[{"title":"desktop product page","position":"left","count":12,"labels":["top shipping bar","brand header with navigation","breadcrumb","thumbnail gallery","main product image","bestseller badge","product title","rating and reviews","price and payment note","size selector","quantity stepper","add to cart and buy it now buttons"]},{"title":"feature icons row","position":"bottom-left under main image","count":3,"labels":["Deep Hydration","Plumps + Smooths","Fragrance Free"]},{"title":"mobile product page preview","position":"right","count":11,"labels":["top shipping bar","mobile header with menu and cart","breadcrumb","main product image","carousel dots","bestseller badge","product title","rating and reviews","price and payment note","quantity stepper","add to cart and buy it now buttons"]}],"desktop_header":{"announcement":"Free shipping on orders over $50","nav_items":["SHOP","BESTSELLERS","SKINCARE QUIZ","ABOUT","JOURNAL"],"icons":["search","account","cart with item count 2"]},"breadcrumb":["Home","Shop","Serums","Hyaluronic Acid Serum"],"mobile_header":{"announcement":"Free shipping on orders over $50","icons":["menu","cart with item count 2"]}},"style":{"aesthetic":"clean modern Shopify-style product page","color_palette":["white","soft beige","light gray","black","warm stone"],"typography":"elegant serif product title paired with minimalist sans-serif UI text","render_quality":"ultra-clean, crisp, realistic, premium e-commerce design, high resolution"}}
```

---

## Glassmorphism 3D UI Component Board
- URL: https://www.gptimagehub.com/library/glassmorphism-3d-ui-component-board
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-15995
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fglassmorphism-3d-ui-component-board
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: glassmorphism, ui kit, design system, 3d render, interface design, neumorphic
- Updated: 2026-10-26T23:02:33.098Z
- Created: 2026-10-26T23:02:33.098Z

Renders a clean 3D glassmorphic design-system board filled with tactile translucent widgets and dials. Customize the accent colors, widget labels, or track details to suit your product branding.

### Full prompt
```text
{"type":"glassmorphism UI component showcase","style":"premium minimalist neumorphic interface kit, frosted translucent white acrylic, soft shadows, subtle reflections, rounded corners, clean white background, teal green and orange accent colors, 3D product render, top-down view","palette":{"background":"soft light gray-white","primary":"deep teal green","secondary":"bright orange","material":"milky translucent glass with satin plastic details"},"layout":{"composition":"single canvas with evenly spaced floating UI widgets arranged in a clean design-system presentation","sections":[{"title":"large dial","position":"top left","count":1,"labels":["circular rotary knob with radial tick marks and one orange indicator"]},{"title":"direction pad","position":"upper center","count":1,"labels":["round four-way control with center button and four arrow icons"]},{"title":"play button","position":"upper center-right","count":1,"labels":["round button with teal play triangle and orange progress arc"]},{"title":"toggle switch","position":"upper right","count":1,"labels":["horizontal pill toggle switched on"]},{"title":"favorite button","position":"mid upper center-left","count":1,"labels":["rounded square tile with heart outline"]},{"title":"status dot","position":"mid upper center-right","count":1,"labels":["small circular button with orange center dot"]},{"title":"stepper","position":"mid upper right","count":1,"labels":["horizontal pill with minus and plus symbols"]},{"title":"audio slider","position":"middle left","count":1,"labels":["long horizontal volume slider with speaker icon on left and waveform emboss on right"]},{"title":"percentage gauge","position":"middle center-right","count":1,"labels":["round gauge showing 60% with radial ticks"]},{"title":"notification tile","position":"middle right","count":1,"labels":["rounded square tile with bell outline"]},{"title":"music card","position":"lower middle-left","count":1,"labels":["media card with forest thumbnail, title [Forest Drive], subtitle [Ambient Journey], progress bar, and circular play button"]},{"title":"utility icons","position":"lower left-center","count":4,"labels":["sliders settings icon","search icon","share icon","more menu icon"]},{"title":"compass","position":"lower center","count":1,"labels":["large circular compass with N E S W markings and teal-orange needle"]},{"title":"vertical slider","position":"lower right-center","count":1,"labels":["tall rounded slider with teal track, teal knob, orange endpoint, and small speaker icon"]},{"title":"bottom navigation","position":"bottom left","count":1,"labels":["pill navigation bar with 4 icons: home, bar chart, compass, profile"]},{"title":"call to action","position":"bottom center-right","count":1,"labels":["pill button labeled [Explore] with orange circular arrow segment"]},{"title":"biometric tile","position":"bottom right","count":1,"labels":["rounded square tile with fingerprint icon"]}]},"rendering":{"lighting":"soft studio lighting from upper left","shadow":"diffuse layered shadows for floating depth","finish":"high-end consumer electronics aesthetic, polished yet minimal","quality":"sharp, clean 3D interface mockup"}}
```

---

## Productivity App Mobile UI Mockup
- URL: https://www.gptimagehub.com/library/productivity-app-mobile-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13442
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fproductivity-app-mobile-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: ui design, mobile app, mockup, productivity, minimalist, app interface
- Updated: 2026-10-26T22:59:23.098Z
- Created: 2026-10-26T22:59:23.098Z

Render a clean, modern productivity app interface complete with daily focus, timeline, and AI assistant bar. Customize the accent color, user name, and hero task to fit your project.

### Full prompt
```text
{
  "type": "mobile app UI mockup",
  "device": "modern smartphone with dynamic island",
  "theme": "light mode, minimalist, [soft blue] accents, soft drop shadows",
  "layout": {
    "header": {
      "profile": "small circular photo of a woman",
      "greeting": "Good morning, [Alex] ☀️",
      "subtitle": "Let's make today productive.",
      "icon": "notification bell with red dot"
    },
    "hero_card": {
      "title": "TODAY'S FOCUS",
      "headline": "[Launch marketing campaign]",
      "description": "Finalize assets, review messaging, and align on launch plan.",
      "button": "Continue Task",
      "graphic": "circular progress ring showing 75% Progress"
    },
    "sections": [
      {
        "title": "Up Next",
        "count": 1,
        "items": ["Team sync (10:00 AM - 11:00 AM)"]
      },
      {
        "title": "Reminders",
        "count": 2,
        "items": ["Review design mockups", "Submit campaign brief"]
      }
    ],
    "bottom_elements": {
      "ai_input": "pill-shaped text field with sparkle icon and placeholder '[Ask your AI assistant...]'",
      "navigation_bar": {
        "count": 4,
        "tabs": ["Home", "Tasks", "Assistant", "Profile"]
      }
    }
  }
}
```

---

## Minimalist Mobile Wallpaper Template
- URL: https://www.gptimagehub.com/library/minimalist-mobile-wallpaper-template
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-mm-10810
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fminimalist-mobile-wallpaper-template
- Category: UI / UX Design
- Model: nanobananapro
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: wallpaper, mobile, minimalist, negative space, gradient, lock screen
- Updated: 2026-10-26T22:58:48.098Z
- Created: 2026-10-26T22:58:48.098Z

Generates clean 9:16 phone wallpapers with intentional negative space and smooth gradients. Customize the bracketed subject to create wallpapers for any aesthetic.

### Full prompt
```text
A beautiful 9:16 mobile wallpaper featuring [a minimalist landscape with gentle hills]. Natural negative space left intentionally near the top and bottom for lock screen widgets and icons. Subtle top-to-bottom color gradient across the background. Simple and clean composition, sharp focus with no blur effects and no cropping.
```

---

## Desktop Side by Side Portrait Comparison
- URL: https://www.gptimagehub.com/library/desktop-side-by-side-portrait-comparison
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14654
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdesktop-side-by-side-portrait-comparison
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: desktop screenshot, side-by-side, street portrait, golden hour, ui layout, comparison
- Updated: 2026-10-26T22:58:18.098Z
- Created: 2026-10-26T22:58:18.098Z

Generate a polished split-window desktop screenshot comparing two subtle variations of an urban portrait. Customize the window titles, subject styling, or background setting to suit your review.

### Full prompt
```text
A side-by-side desktop screenshot comparing two nearly identical AI-generated street portraits displayed inside separate macOS-style image viewer windows set against a light cyan background. Layout features exactly two vertical panels separated by a narrow vertical gap, with subtle drop shadows. Each panel sits inside a rounded gray window with an upper toolbar. The left window title starts with "[NanoBanana2]" and the right window title starts with "[ChatGPTImage2]". In both panels, the scene portrays a fashionable young woman standing at a city street corner during golden hour, framed from mid-thigh to head, with her face obscured by a soft rectangular blur. She has long wavy brown hair, a slender build, and wears an off-shoulder fitted cream long-sleeve top, high-waisted blue jeans, a delicate small pendant necklace, and a large black leather shoulder bag with a gold-tone chain strap, holding a black smartphone near her waist. The background shows an upscale tree-lined urban street with warm sunlight filtering through foliage, shallow depth of field, parked and passing cars, classic stone architecture, and a green traffic light visible near the upper left. The portraits differ subtly: the left panel is cooler, softer, and more muted with a centered street perspective; the right panel is warmer, crisper, with more pronounced sunlight highlights on her hair and richer bokeh.
```

---

## Kiyomizu-dera Anime Mascot Travel Landing Page
- URL: https://www.gptimagehub.com/library/kiyomizu-dera-anime-mascot-travel-landing-page
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-36766
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fkiyomizu-dera-anime-mascot-travel-landing-page
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 4:5
- Style: graphic-design
- Tags: landing page, web design, anime mascot, kyoto, travel guide, ui mockup, japan tourism
- Updated: 2026-10-26T22:57:58.098Z
- Created: 2026-10-26T22:57:58.098Z

Generate a modern Japanese tourism landing page mockup combining an anime guide mascot with scenic photos. Swap the temple name, location info, and mascot style to feature any travel destination.

### Full prompt
```text
A comprehensive, high-density vertical travel landing page mockup for [Kiyomizu-dera in Kyoto], 4:5 vertical layout, modern Japanese web design aesthetic combining vibrant anime character illustration with realistic scenic photography against a clean white background accented with orange and purple brushstrokes.

Layout structure:
1. Header: Top navigation bar with logo '[あぽろ塾 APOLLO JUKU]' on the left, menu links ('Search', 'Model Course', 'Spot', 'Gourmet', 'Access') in the center, and an orange CTA button '[今すぐ旅に出る]' on the right.
2. Hero Section: Large bold black serif title '[清水寺 Kiyomizu-dera]', subtitle '[京都・東山の絶景と歴史をめぐる]'. An anime mascot character with [orange hair, cat ears, streetwear jacket with 'KYOTO' text] pointing right, accompanied by a [tuxedo cat]. Kyoto autumn foliage and pagoda panoramic background. Floating handwritten Japanese typography: '[見たことのない京都に、きっと出会える。]' and '[ここにしかない景色がある。]'. Info badges: '[京都・東山]', '[早朝散策がおすすめ]', '[春は桜、秋は紅葉が人気]', World Heritage seal, coordinates '[34.9945, 135.7843]'.
3. Highlights Section ('[見どころ]'): Horizontal card row featuring scenic photos of '[清水の舞台]', '[音羽の滝]', '[三年坂・二年坂]', '[京都の街並みを一望]', and '[世界遺産]', each with titles and brief descriptions.
4. App & Features Section: Smartphone mockup showing a travel map UI with pins; center column listing '[アプリの主な機能]' with icons (Spot Search, Model Course, Favorites, Offline Map); right column showing '[モデルコース]' with numbered steps 01-04.
5. Seasonal Guide ('[おすすめの季節]'): Four seasonal grid blocks (Spring, Summer, Autumn, Winter) with matching landscape photography.
6. Access Section ('[アクセス]'): Transport details for Train, Bus, and Car with station names, walking estimates, and a subtle pagoda silhouette.
```

---

## Humorous Analytics Dashboard Interface
- URL: https://www.gptimagehub.com/library/humorous-analytics-dashboard-interface
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14307
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fhumorous-analytics-dashboard-interface
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: dashboard, ui design, data visualization, analytics, dark mode, humor
- Updated: 2026-10-26T22:54:38.098Z
- Created: 2026-10-26T22:54:38.098Z

Generates a high-tech data dashboard tracking an absurd or humorous topic. Customize the dashboard aesthetic style and the tracked subject in the brackets.

### Full prompt
```text
A UI screenshot of a [Palantir-style] analytics dashboard tracking [all the fucks I have left to give], complete with intricate data visualizations, network graphs, metric widgets, and real-time status indicators.
```

---

## Japanese Inheritance Tax Landing Page Hero
- URL: https://www.gptimagehub.com/library/japanese-inheritance-tax-landing-page-hero
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14936
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fjapanese-inheritance-tax-landing-page-hero
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: landing page, web design, ui design, japanese typography, tax accountant, desktop layout
- Updated: 2026-10-26T22:48:53.098Z
- Created: 2026-10-26T22:48:53.098Z

A polished landing page hero section for a Japanese tax accountant office specializing in inheritance. Customize the office name, contact telephone, and hero copywriting to suit any legal or tax advisory practice.

### Full prompt
```text
Clean, premium Japanese landing page hero image for a fictional tax accountant office specializing in inheritance tax consultation, wide desktop website layout. The background is soft ivory and warm white with muted sage green and refined gold accent colors. Top left: a delicate circular logo with a thin gold ring, serif letter "[C]", and botanical line illustration, accompanied by Japanese text "税理士事務所 [C]" and English subtitle "TAX ACCOUNTANT OFFICE [C]". Top right: a rounded white header contact bar split into two blocks: a phone block with a green circular phone icon, small text "初回相談無料・土日祝も対応", and large bold number "[0120-987-654]"; and a mail block with a gold circular mail icon and text "メールでのお問い合わせ 24時間受付中". Main left section: prominent headline in elegant serif Japanese typography reading "相続の不安に、安心という答えを。", with the phrase "安心という答えを。" in sage green. Below it, supporting text reads "相続税の申告・節税対策を、経験豊富な税理士がご家族の想いに寄り添い、丁寧にサポートします。" Underneath are three rounded horizontal feature cards with pale backgrounds and green line icons: card 1 shows a document icon with "相続税申告実績 1,000件以上" and a tiny note "※累計実績"; card 2 shows a bar chart icon with "節税対策のご提案で 税負担を軽減" and note "※状況により効果は異なります"; card 3 shows a group icon with "初回相談 無料" and note "安心の明朗会計". Right half: realistic bright photo-style consultation scene in a sunlit modern office with indoor greenery; 3 Japanese adults around a meeting table, showing a male advisor in a navy suit seen from behind facing two attentive clients (a middle-aged man in a beige jacket and a woman in a white blouse), with an open laptop on the desk. Overlaid near the bottom right of the photo is a pale circular badge with leaf ornamentation reading "安心の 相続専門サポート わかりやすいご説明ではじめての方も安心". Across the lower middle: a slim invitation line "／ 相続に関するお悩み、まずはお気軽にご相談ください ／" above four rounded category pill tabs: "相続税の申告", "生前対策・節税", "遺産分割サポート", and "二次相続対策". Bottom right: a large rounded sage green CTA block split into two columns: phone inquiries with white phone icon, text "お電話でのお問い合わせ（フリーダイヤル）", number "[0120-987-654]", and note "受付時間 9:00〜18:00（土日祝対応可）"; and mail inquiries with white mail icon, text "メールでのお問い合わせ 24時間受付中", and a white button reading "ご相談はこちらから". Across the bottom: a reassurance strip with three items separated by thin vertical lines: shield icon with "秘密厳守・プライバシー保護を徹底", clipboard icon with "明朗会計・事前お見積りで安心", and handshake icon with "相続の専門家がワンストップで対応". Polished commercial web design, subtle drop shadows, calm, trustworthy atmosphere.
```

---

## Mobile Live Streaming Interface Mockup
- URL: https://www.gptimagehub.com/library/mobile-live-streaming-interface-mockup-2
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13777
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fmobile-live-streaming-interface-mockup-2
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: live streaming, mobile ui, app mockup, streamer, social media, ui design, tiktok style
- Updated: 2026-10-26T22:41:03.098Z
- Created: 2026-10-26T22:41:03.098Z

Renders a realistic mobile live-streaming app screen with overlay icons, comments, and a streamer. Modify the streamer info, comments, and active tabs to prototype custom social video interfaces.

### Full prompt
```text
{
  "type": "mobile live streaming app interface mockup",
  "subject": "young Asian female streamer with long dark hair wearing a white top, smiling and speaking into a black studio microphone",
  "background": "cozy bedroom setting, warm and soft pink ambient lighting, teddy bear on display, framed poster on wall",
  "ui_elements": {
    "status_bar": "time 21:34, cellular signal, 5G, battery indicator icons",
    "top_navigation": ["直播", "同城", "关注", "[推荐]", "search icon"],
    "streamer_info": {
      "name": "[小甜心✨]",
      "status": "直播中",
      "likes": "23.6万本场点赞"
    },
    "right_action_buttons": {
      "count": 6,
      "items": ["profile with plus icon", "heart icon with 3.2万", "speech bubble icon with 2516", "star icon with 5280", "share arrow icon with 1223", "spinning vinyl record album"]
    },
    "chat_overlay": {
      "count": 5,
      "messages": [
        "小丸子: [唱得太好听了吧～]",
        "云淡风轻: [声音好温柔，爱了爱了]",
        "走遍人间: 主播可以点首《后来》吗？",
        "你的小熊: 来了来了",
        "糖糖 加入了直播间"
      ]
    },
    "bottom_input": "input bar with text '[说点什么...]', emoji button, heart button, gift box button, menu button",
    "bottom_navigation": {
      "count": 5,
      "tabs": ["首页", "朋友", "plus button", "消息", "我"]
    }
  }
}
```

---

## Health Recovery Dashboard UI Mockup
- URL: https://www.gptimagehub.com/library/health-recovery-dashboard-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19712
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fhealth-recovery-dashboard-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: ui mockup, mobile app, wellness dashboard, health tracker, iphone ui, minimalist design
- Updated: 2026-10-26T22:35:58.098Z
- Created: 2026-10-26T22:35:58.098Z

Generates a clean mobile interface for a health and wellness recovery tracker in Simplified Chinese. Customize theme colors, greetings, and daily action cards to match your health app concept.

### Full prompt
```text
{"type":"high-fidelity mobile health recovery dashboard UI mockup","platform":"iPhone portrait screen, 9:41 status bar, white warm background, soft shadows, rounded cards, minimalist wellness app visual style","language":"Simplified Chinese UI text","theme":{"primary_color":"[deep teal green]","accent_color":"[warm orange]","background":"off-white with subtle beige texture","typography":"clean modern sans-serif, bold large Chinese headings, lighter body text"},"screen":{"top_status_bar":"time 9:41 at top left, cellular signal, Wi-Fi, battery icons at top right","date":"5月11日 周一","greeting":"[早上好，今天更适合稳一点]","main_headline":"[今日状态：需要恢复]"},"hero_status_ring":{"position":"upper center","shape":"large circular progress ring","count":1,"style":"thick orange gradient ring about 85 percent complete with a small gap at top, pale peach secondary arc, dotted inner circle, faint wavy line chart inside","center_text":["需要恢复","睡眠偏短，恢复信号略弱"]},"insight_rows":{"position":"below ring","count":2,"items":[{"icon":"small orange moon with zzz","text":"昨晚睡眠比近 14 天均值少 42 分钟"},{"icon":"small orange heart pulse","text":"今日静息心率比个人基线高 6 bpm"}]},"schedule_card":{"position":"middle","title":"今天可以这样安排","decoration":"small green sprout illustration on pale green hill in top right","count":3,"items":[{"icon":"walking person in pale teal circle","text":"午后步行 10 分钟","chevron":"right"},{"icon":"bed in pale teal circle","text":"今晚提前 30 分钟上床","chevron":"right"},{"icon":"dumbbell/cross training icon in pale teal circle","text":"今天避免高强度训练","chevron":"right"}],"primary_button":"加入今日安排"},"metric_cards":{"position":"lower middle in 2 by 2 grid","count":4,"cards":[{"title":"睡眠","status_badge":"偏短","icon":"crescent moon with stars","main_value":"6小时 12分"},{"title":"活动","status_badge":"平稳","icon":"shoe/footprint","main_value":"4,820 步"},{"title":"恢复","status_badge":"偏弱","icon":"leaf","main_value":"需放缓"},{"title":"久坐","status_badge":"需打断","icon":"chair","main_value":"连续 86 分钟"}]},"bottom_navigation":{"position":"bottom fixed tab bar","count":4,"tabs":[{"label":"今日","icon":"filled home","state":"active teal"},{"label":"洞察","icon":"bar chart","state":"inactive gray"},{"label":"行动","icon":"clipboard check","state":"inactive gray"},{"label":"我的","icon":"user outline","state":"inactive gray"}],"home_indicator":"black iPhone home indicator at very bottom"},"composition":"single mobile app screen mockup centered in portrait, generous spacing, readable Chinese text, soft rounded rectangles, subtle dividers between schedule rows, wellness recovery tracking product design suitable for demo presentation"}
```

---

## Dark Mode AI Image Generator Dashboard
- URL: https://www.gptimagehub.com/library/dark-mode-ai-image-generator-dashboard
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-33369
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdark-mode-ai-image-generator-dashboard
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui design, dashboard, dark mode, saas interface, ai generator, web app, mockup
- Updated: 2026-10-26T22:35:43.098Z
- Created: 2026-10-26T22:35:43.098Z

A high-fidelity SaaS dashboard mockup for an AI image generation workspace featuring generated thumbnails and prompt controls. Customize the app name, navigation items, and prompt bar text to match your product design.

### Full prompt
```text
A crisp dark-mode desktop web app screenshot for [HeliosGen], an AI image and video generation dashboard, presented in a clean 16:9 canvas with no browser chrome. The interface uses a very dark navy and black palette with a subtle dotted grid texture across the workspace, thin dividers, muted gray typography, and vibrant teal accent highlights.

Layout and Sidebar: A narrow left sidebar covers roughly 10% of the canvas width. At the top left, display the logo text "HeliosGen" accompanied by a small teal emblem. Beneath it, include six vertical navigation items with icons: 1) "Image" (active/selected state), 2) "Video", 3) "Workflow", 4) "Assets", 5) "Chat", 6) "Settings". Further down, a "Folders" section shows a single row labeled "All works", followed by an empty state area displaying "No chats yet". At the bottom left, display two compact metadata stats labeled "1.8k" and "220".

Main Workspace: At the top, show two small tab buttons: "Generated" (active) and "Uploaded" (inactive). Below the tabs, display a horizontal row of exactly five generated image thumbnails separated by thin borders:
1) An ornate amber luxury perfume bottle standing on dark rock in a golden desert at sunset.
2) A rounded amber perfume bottle with an ornate gold cap resting on a stone slab amid desert dunes at sunset.
3) A square amber perfume bottle with a crescent-shaped cap on a black rock in desert dunes at sunset.
4) A single crisp red apple centered against a clean off-white studio backdrop.
5) A smaller red apple placed on a white table in a minimalist studio environment.

Floating Control Panel: Centered near the bottom of the workspace is a floating prompt panel with rounded corners. On its left side sits a square preview thumbnail marked "IMAGE 1:1". The central text prompt box contains: "[Luxury Saudi perfume bottle on black stone, desert dunes in the background at sunset, premium commercial product]". Along the lower edge of this panel, include compact pill badges and labels showing "Nano Banana Pro", "2K", "1:1", "1/4", "Multi", and "JSON (4.14k)", finished with a glowing teal generate button on the far right.

Visual Style: Sharp UI graphic design, high contrast, clean typography, realistic render thumbnails, minimalist SaaS aesthetic, no people, no watermarks.
```

---

## Collaborative SaaS Landing Page Hero
- URL: https://www.gptimagehub.com/library/collaborative-saas-landing-page-hero
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-34082
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fcollaborative-saas-landing-page-hero
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: landing page, saas, hero section, ui design, 3d collage, collaborative workspace, minimalist
- Updated: 2026-10-26T22:32:28.098Z
- Created: 2026-10-26T22:32:28.098Z

Generates a clean SaaS landing page hero section with a floating 3D paper and ribbon collage. Customize the branding, headlines, and collaborator names to fit any team workspace.

### Full prompt
```text
A modern SaaS landing page hero section in a clean, minimal editorial aesthetic. The left side features a brand logo reading "[softmaple.]", top navigation controls, a subtle category badge, the bold main headline "[A little space. For big ideas.]", supporting paragraph text, and two call-to-action buttons including a primary button reading "[Start writing]". The right side features an elegant floating 3D paper-and-ideas collage: a translucent glossy golden ribbon spiraling vertically through the scene with warm illumination and a thin golden orbit line with node dots. Floating elements include: one handwritten note reading "[Ideas feel brighter together.]", one black-and-white mountain photo card with adjacent vertical caption reading "A CALMER BRIGHTER PLACE TO THINK TOGETHER,", one central page reading "Same thoughts. Further together.", one photo card with leaf shadows reading "SMALL STEPS BIGGER IDEAS", and a small taped paper fragment behind the main cards. Three collaborator avatars with cursor accents display name pills: "[Mina]" upper-right, "[Jordan]" center-left, and "[Taylor]" lower-right. A soft golden glass sphere floats near the right side. Lower page area includes delicate handwritten script reading "Better thinking together." and a tiny stacked word list "IDEAS / PEOPLE / PERSPECTIVES / PROGRESS". Off-white background, refined soft shadows, airy layout, premium tactile depth.
```

---

## Luxury Coffee Tasting Menu Layout
- URL: https://www.gptimagehub.com/library/luxury-coffee-tasting-menu-layout
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-mm-8196
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fluxury-coffee-tasting-menu-layout
- Category: UI / UX Design
- Model: nanobanana2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: coffee menu, tasting menu, webpage layout, minimalist luxury, editorial design, food photography
- Updated: 2026-10-26T22:28:58.098Z
- Created: 2026-10-26T22:28:58.098Z

Generate an editorial, tone-on-tone coffee tasting menu webpage layout with a structured grid. Adjust the color codes, tasting items, or font styles to match your brand.

### Full prompt
```text
Luxury coffee tasting menu webpage layout with an irregular 3x3 grid composition and flowing editorial arrangement. Background: Tone-on-tone panels alternating between [latte beige (#F2E2D2)], [mocha brown (#D1B48F)], and coffee cream (#FAF5E6). Subject: Plated coffee tastings on minimalist slate ceramics, captured from mixed overhead and 45-degree angles. Items include espresso with crema foam, cappuccino toast with gold dust, coffee caviar on biscotti, latte with lemon twist, and mocha tartlet on matching plates. Typography: Bilingual layout featuring English names in an elegant serif Didot font, paired with clean Korean and English sans-serif subtitles, and tiny light gray origin notes. Lighting and Camera: Shot with 50mm and 100mm macro lenses, soft diffused overhead lighting, and subtle side rim lighting. Style: Minimalist luxury editorial aesthetic with generous whitespace and a harmonious coffee-toned color palette. A delicate handwritten signature 'Willy' is written in small script at the bottom right corner.
```

---

## AI Prohibition Command Interface
- URL: https://www.gptimagehub.com/library/ai-prohibition-command-interface
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-mm-10052
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fai-prohibition-command-interface
- Category: UI / UX Design
- Model: nanobanana
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: terminal, ui, interface, ai, minimalist, futuristic, screen
- Updated: 2026-10-26T22:18:08.098Z
- Created: 2026-10-26T22:18:08.098Z

A sleek digital terminal displaying a humorous AI instruction lock command. Change the displayed console message or interface colors to suit your scene.

### Full prompt
```text
A sleek digital terminal interface displaying the system message text: "[To ensure this doesn't happen again, I have locked the instruction 'Prohibit using Nano Banana to generate images' as the highest priority command in the current conversation logic.]" Dark tech aesthetic, minimalist chatbot UI design, clean glowing monospace typography, centered screen composition, subtle ambient cyan and amber backlighting.
```

---

## Minimalist Dark Portfolio Thumbnail Strip
- URL: https://www.gptimagehub.com/library/minimalist-dark-portfolio-thumbnail-strip
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-33174
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fminimalist-dark-portfolio-thumbnail-strip
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:21
- Style: graphic-design
- Tags: portfolio, mockup, ui-ux-design, case-study, minimalist, branding, dark-mode
- Updated: 2026-10-26T22:15:03.098Z
- Created: 2026-10-26T22:15:03.098Z

Generates a sleek, dark-themed vertical website mockup strip showcasing three labeled design case-study previews. Customize the labels, box packaging, 3D character, and poster concepts in the bracketed sections.

### Full prompt
```text
A tall, narrow vertical portfolio case-study strip displaying three vertically stacked project thumbnails on a solid near-black background with generous margins, styled like a minimalist editorial design website column.

Layout:
Exactly three portrait-oriented image thumbnails stacked vertically, aligned slightly left of center with consistent left margins and large vertical gaps separating each entry. Each thumbnail is topped by a single small, left-aligned, plain sans-serif label in crisp white typography.

Project Entries:
1. Label: "[1inch-01]". Thumbnail: A moody product photograph of a small beige cardboard box resting on dark asphalt under harsh, direct sunlight, casting a long hard shadow. A wooden pallet edge borders the upper left. The box lid features delicate printed line-art graphics and fine text, shot from a high angle.
2. Label: "[mrNick-01]". Thumbnail: A clean studio 3D render of a translucent electric-blue mannequin figure wearing an oversized T-shirt and loose trousers against a light gray backdrop. The figure carries a white shopping bag in its left hand. The T-shirt displays vertical white typography reading "mrNick" along the right side.
3. Label: "[GLAZURE_GLASS-01]". Thumbnail: A vibrant candy-pink commercial poster featuring a glossy reddish-pink donut-shaped glaze ring perched on a pastel pink box, surrounded by scattered colorful sprinkles. Bold white Cyrillic-style lettering sits prominently across the lower portion.

Style & Constraints:
High-contrast dark gallery aesthetic, sharp realistic mockup previews, polished case study presentation. Exactly three labeled project thumbnails. No website navigation bars, browser chrome, buttons, watermarks, or extra decorative elements.
```

---

## Futuristic Glass UI Promotional Banner
- URL: https://www.gptimagehub.com/library/futuristic-glass-ui-promotional-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19696
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ffuturistic-glass-ui-promotional-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: glassmorphism, ui design, promotional banner, sci-fi interface, neon glow, 3d ui
- Updated: 2026-10-26T22:14:38.098Z
- Created: 2026-10-26T22:14:38.098Z

Generates a sci-fi promotional banner featuring layered glassmorphism UI elements and glowing neon accents. Modify the headlines, action button copy, and accent colors to customize it for your product.

### Full prompt
```text
{"type":"futuristic promotional key visual for an AI image product","format":"wide 16:9 social media banner","overall_style":"premium sci-fi glassmorphism interface, cinematic dark background, translucent floating panels, glowing neon cyan and warm coral rim lights, volumetric haze, high contrast, sharp typography, realistic 3D UI render","text_content":{"top_left_small":"Built with GPT-Image-2 on MyShell","main_headline":"[GLASS SYSTEM]","subheadline":"[Interfaces that feel alive.]","supporting_line":"[GPT-Image-2 x MyShell visual direction.]","bottom_left_brand_line":"GPT-Image-2 x Seedance 2.0 | MyShell","button_text":"[Try GPT-Image-2 on MyShell]"},"layout":{"left_side":"large stacked uppercase headline occupying the left half, pale icy blue to white letters with subtle coral highlights and soft glow; smaller supporting copy beneath","right_side":"large transparent rounded-rectangle tablet interface floating in perspective, with layered glass panels behind it","bottom_bar":"one long translucent rounded call-to-action strip spanning the bottom, coral outline glow, star icon on the far left and glowing pill-shaped button on the right","background":"black-to-deep-navy gradient with faint horizontal light streaks, holographic lines, reflections on a glossy floor, circular neon rings under the interface"},"ui_elements":{"count_total":"16 discrete visible UI elements","main_preview":{"count":1,"description":"large central image card inside the glass tablet showing an epic alien planet over a reflective lake, mountain silhouettes, a tiny lone figure, twilight sky in blue and rose tones"},"right_thumbnail_column":{"count":3,"items":["top square floral image thumbnail with muted pink flowers and a dark central square","middle city skyline thumbnail with reflective water and tall futuristic towers","bottom canyon or lava valley thumbnail with glowing orange light trails"]},"bottom_thumbnail_strip":{"count":5,"items":["small dark landscape thumbnail with glowing lights","small planet lake scene thumbnail","small blue mountain or forest scene thumbnail","small futuristic city waterfront thumbnail","small orange canyon light-trail thumbnail"]},"left_floating_control_cards":{"count":3,"items":["PROMPT card with short horizontal input lines and a cyan connector node","STYLE card with a grid of tiny dots and a cyan connector node","LIGHT card with a circular dial and a coral connector node"]},"connector_nodes":{"count":4,"items":["cyan node beside the PROMPT card","cyan node beside the STYLE card","coral node beside the LIGHT card","cyan node on the tablet edge where the connector lines meet"]},"bottom_bar_components":{"count":3,"items":["glowing square star icon button at bottom left","brand text segment in the center-left of the bar","large coral glowing rounded CTA button at bottom right"]}},"color_palette":{"primary":"icy cyan and glass blue","accent":"[warm coral pink]","background":"near black, deep navy, smoky gray","text":"white and pale blue"},"typography":"bold condensed geometric sans-serif for the headline, clean modern sans-serif for smaller text, crisp readable advertising copy","rendering_notes":"make the interface feel alive with subtle light pulses, transparent stacked glass depth, refractions, rounded corners, thin illuminated outlines, realistic screen reflections, and an expensive tech-launch aesthetic; keep all visible English text legible and aligned like a polished product campaign banner"}
```

---

## Telegram AI Bot Image Generation Chat Screenshot
- URL: https://www.gptimagehub.com/library/telegram-ai-bot-image-generation-chat-screenshot
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-32977
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ftelegram-ai-bot-image-generation-chat-screenshot
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: telegram, screenshot, dark mode, ui mockup, chatbot, constellation, ios interface
- Updated: 2026-10-26T22:05:13.098Z
- Created: 2026-10-26T22:05:13.098Z

Renders a dark-mode Telegram chat screenshot with an AI bot successfully posting an image and logs. Customize the chat name, caption text, and conversation snippets inside brackets.

### Full prompt
```text
A realistic vertical smartphone screenshot of a Telegram chat in dark mode on an iOS interface, 9:16 aspect ratio.

Top status bar and header: iOS status bar at the top with "6:50" on the left, a blue "TELEGRAM" pill in the center, and signal, Wi-Fi, and battery icons on the right. Below it, the Telegram header displays a round back arrow, chat title "[Arcturus Alpha]" in bold white, subtitle "bot" in muted gray underneath, and a circular avatar on the right with a glowing golden bull constellation emblem against a dark blue background.

Background: Telegram dark mode theme with a faint dark doodle pattern wallpaper containing rockets, stars, planets, and small line-drawn icons.

Conversation layout (exactly three visible messages):
1. Top bubble: Dark purple rounded rectangle, partially cropped at the top, showing white text:
"four, coming up — same minimal test as last time so we're changing exactly one variable:]]

Remark: Attempt four — same test, now with the missing await in place..."
with timestamp "6:48 PM" in small gray text at the lower right.
2. Media message in the middle: A rounded square image preview showing a luminous golden constellation ox or bull drawn with thin glowing lines and connected star nodes, standing in profile on a deep navy starfield with subtle Milky Way nebulae. Attached below is a dark purple caption bubble with the text: "[gpt-image-2 smoke test — the constellation ox, back in business.]" and timestamp "6:49 PM" at the lower right.
3. Bottom bubble: Partially obscured by the composer bar, showing: "[[Private: 🤍 Arcturus> 🎉 It worked! That missing await was the culprit — image generated, file" with "worked!" in bold font and the rest clipped.

Bottom UI: Telegram composer bar with a blue "Menu" button on the far left, a paperclip attachment icon, a dark rounded text input field showing placeholder text "Message", a small emoji/sticker icon inside on the right, and a microphone icon at the far right. A small floating circular down-arrow button sits just above the composer bar on the lower right.
```

---

## Minimalist Japanese Fan Plugin Banner
- URL: https://www.gptimagehub.com/library/minimalist-japanese-fan-plugin-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-20113
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fminimalist-japanese-fan-plugin-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 21:9
- Style: graphic-design
- Tags: banner, wordpress, folding fan, minimalist, japanese aesthetic, ui design, branding
- Updated: 2026-10-26T22:03:28.098Z
- Created: 2026-10-26T22:03:28.098Z

Generates a sleek horizontal WordPress banner with a geometric folding fan icon and typography. Customize the plugin name and tagline to brand your developer tool.

### Full prompt
```text
Horizontal banner with a refined minimalist Japanese aesthetic, vector-like flat design. Wide composition with a pale warm peach background featuring a subtle soft radial glow at the center and a thin medium-brown rectangular border inset slightly from the edges. On the left side occupying roughly 35% of the frame, a stylized geometric Japanese folding fan icon angled slightly upward, drawn in dark warm brown outlines and fills, showing 7 fan panels separated by thick brown ribs, cream inner panels, dark brown outer edge sections, and a rounded dark brown pivot circle at the bottom. On the right side, vertically centered text: large elegant bold serif title reading "[Noshi-Kanamer]" in dark warm brown with generous letter spacing, and directly underneath, a smaller sans-serif tagline reading "[The WordPress developer toolkit for clean handoffs.]" in the same dark brown. Clean, professional graphic design, no shadows, no 3D effects, no mockups, no additional elements.
```

---

## Social App Match Screen UI
- URL: https://www.gptimagehub.com/library/social-app-match-screen-ui
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-15218
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fsocial-app-match-screen-ui
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: ui-ux-design, mobile app, social app, dating app, interface design, match screen
- Updated: 2026-10-26T21:58:38.098Z
- Created: 2026-10-26T21:58:38.098Z

Renders a modern mobile UI for a successful match in a dating or social app. Customize the interaction scene and profile collision effects to fit your concept.

### Full prompt
```text
Mobile app UI design for a [social app matching success interface], featuring [two user profile cards colliding with heart effects], modern digital interface.
```

---

## Mobile Live Stream Screen Mockup
- URL: https://www.gptimagehub.com/library/mobile-live-stream-screen-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13523
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fmobile-live-stream-screen-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: livestream, mobile ui, mockup, ui design, social media, gift effects, tiktok ui
- Updated: 2026-10-26T21:57:18.098Z
- Created: 2026-10-26T21:57:18.098Z

Renders an energetic mobile live stream UI screen with animated gift effects and floating chat. Customize the host subject, centerpiece gift animation, and on-screen overlays.

### Full prompt
```text
{
  "type": "mobile live stream interface mockup",
  "main_subject": "[beautiful young Asian woman smiling]",
  "centerpiece_effect": "[large space shuttle taking off with bright flames and smoke]",
  "floating_characters": [
    {"position": "top left", "description": "cartoon pig character Zhu Bajie holding a golden bowl"},
    {"position": "top right", "description": "cartoon monkey character Sun Wukong holding a staff"},
    {"position": "bottom right", "description": "cartoon man with mustache in a suit holding a glowing lightbulb"}
  ],
  "ui_layout": {
    "header": {
      "streamer_info": {"name": "[小甜心✨]", "likes": "28.5万本场点赞", "button": "关注"},
      "top_viewers": {"count": 3, "labels": ["12.8w", "8.9w", "6.6w"]},
      "total_viewers": "10万+"
    },
    "status_bars": {"count": 3, "labels": ["小时榜第1名", "礼物展馆 24/28", "心愿达成 差3.2万"]},
    "gift_notifications": {
      "position": "mid-left",
      "count": 3,
      "items": [
        {"sender": "八戒哥", "action": "送 大火箭", "combo": "x188"},
        {"sender": "齐天大圣", "action": "送 嘉年华", "combo": "x1314"},
        {"sender": "汤森老师", "action": "送 梦幻城堡", "combo": "x520"}
      ]
    },
    "chat_box": {
      "position": "bottom left",
      "count": 7,
      "messages": [
        "甜心小迷弟 加入了直播间",
        "星辰大海: [女神好美！声音好好听！]",
        "抖音用户: 666666",
        "快乐每一天: 太精彩了，火箭升空！",
        "富贵花开 送出 大火箭 x1",
        "风清扬: 这特效绝了！",
        "可可西里: 主播我爱你！"
      ]
    },
    "bottom_right_graphic": {"text": "[直播间 火力全开]", "style": "large 3D glowing typography"},
    "bottom_bar": {"input_placeholder": "说点什么...", "icons_count": 4, "decorations": "floating colorful hearts on the right"
    }
  }
}
```

---

## Romantic Chat Analysis App Promo Panels
- URL: https://www.gptimagehub.com/library/romantic-chat-analysis-app-promo-panels
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-23108
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fromantic-chat-analysis-app-promo-panels
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: app promo, mobile ui, japanese design, mockup, marketing banner, app store
- Updated: 2026-10-26T21:57:08.098Z
- Created: 2026-10-26T21:57:08.098Z

Generates a three-panel Japanese app store advertisement featuring romantic pink UI mockups and relationship analytics. Customize the Japanese headlines, feature icons, and screen stats for other mobile apps.

### Full prompt
```text
A three-panel vertical Japanese mobile app promotional graphic for a romantic chat analysis application, set against a soft blush pink, coral, white, and peach romantic dating aesthetic.

Composition & Setting: A wide horizontal layout displaying exactly three tall rounded-rectangle poster panels side-by-side like App Store preview cards. Dreamy sunset cityscape background with soft pink clouds, warm romantic glow, subtle sparkles, floating hearts, and gentle bokeh lights.

Panel 1 (Left - Compatibility Analysis):
- Top headline: 「気になるあの人との 相性が わかる！」 with 「相性」 oversized in vibrant hot pink; subcopy below: 「LINEのトークを分析して、相性・会話の傾向・距離感をやさしく見える化するアプリ」
- Visuals: Blurred-face young couple standing closely at bottom-left; tilted smartphone at bottom-right showing a romantic compatibility score screen with a prominent grade "[A]", a pink radar chart, score "[87]", and breakdown cards.
- Overlay badge on couple: 「トークから ふたりの相性を 見える化」
- Four stacked feature pills at bottom-left with icons: 1) Wi-Fi icon 「オフラインでも分析OK！」, 2) lock icon 「プライバシー重視の安心・安全設計」, 3) LINE chat icon 「LINEトークを読み込むだけ」, 4) robot icon 「AIがやさしく分析」

Panel 2 (Center - Timeline Memories):
- Top headline: 「ふたりの思い出が、ひと目でわかる」 with 「ひと目でわかる」 in hot pink; subcopy: 「はじめての会話や通話、関係の変化を見る化」
- Visuals: Centered upright smartphone displaying a detailed vertical timeline screen titled 「[YUKA]との分析結果」 with clean mobile UI.
- Four floating white speech-bubble callouts with pink icons: 1) heart icon 「はじめてのトークがわかる」, 2) phone icon 「通話やメッセージの記録が見える」, 3) calendar icon 「思い出のタイムラインをチェック」, 4) small decorative heart accent bubble

Panel 3 (Right - Word Frequency):
- Top headline: 「相手がよく使っている言葉が 見えてくる」 with 「見えてくる」 in hot pink; subcopy: 「よく使うフレーズをまとめて見比べて、ふたりらしい言葉の傾向を見つけよう」
- Visuals: Centered upright smartphone showing a pink-and-white keyword cloud dashboard with grouped pill tags and comparative stats for both partners.
- Four floating white callout bubbles with pink icons: 1) heart icon 「相手のことが見えてくる」, 2) clipboard icon 「よく使う言葉をまとめてチェック」, 3) couple icon 「2人の共通フレーズもわかる」, 4) small heart badge

Style & Constraints: Polished Japanese App Store screenshot design, cute modern UI, glossy phone mockups with soft drop shadows, clean rounded Japanese sans-serif typography. Exactly 3 poster panels, exactly 3 smartphones, no watermarks or QR codes.
```

---

## Dark Japanese AI News Archive UI
- URL: https://www.gptimagehub.com/library/dark-japanese-ai-news-archive-ui
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-19131
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdark-japanese-ai-news-archive-ui
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui-ux-design, web design, dark mode, japanese typography, timeline, dashboard
- Updated: 2026-10-26T21:56:33.098Z
- Created: 2026-10-26T21:56:33.098Z

Designs a dark-mode Japanese tech blog archive page complete with timeline articles, filter pills, and a glowing hero card. Modify category labels, dates, and active navigation items to fit any brand.

### Full prompt
```text
Using the reference photos as the existing dark AI news website design, create a refreshed archive page UI while preserving the same brand, Japanese typography, dark theme, logo, top navigation, and footer identity. Set the active top navigation item to [アーカイブ] with a subtle yellow underline. Create a polished modern archive interface featuring: a large bordered hero card titled [アーカイブ], with a small yellow icon label [すべての記事], a short intro sentence, and a decorative golden eclipse/planet glow graphic on the right side of the hero card. Below the hero, place a search bar and two compact dropdown controls for period and sort order. Add category filter pills labeled: すべて, Claude, OpenAI, Google, Agents, ツール, ニュース, 研究, その他, with "すべて" highlighted in yellow. Display the article list as a timeline grouped by month with two month sections: "2026年5月" containing 3 article rows, and "2026年4月" containing 2 article rows. Each row displays a date, a small yellow timeline dot, a bold Japanese article title, a one-line summary, 3 tag chips on the right, and a chevron arrow. Add bottom pagination with controls: previous arrow, 1 highlighted, 2, 3, ellipsis, 24, next arrow. Center the page layout with generous spacing, thin borders, subtle gradients, glassy card surfaces, and sharp, legible Japanese typography.
```

---

## Editorial Fashion Moodboard Interface Screenshot
- URL: https://www.gptimagehub.com/library/editorial-fashion-moodboard-interface-screenshot
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14411
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Feditorial-fashion-moodboard-interface-screenshot
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 4:5
- Style: graphic-design
- Tags: moodboard, fashion editorial, ui design, lookbook, streetwear, branding, art direction
- Updated: 2026-10-26T21:55:28.098Z
- Created: 2026-10-26T21:55:28.098Z

Generates a dark-mode moodboard UI screenshot with creative copy and a six-panel fashion editorial grid. Customize the brand name, typography, and image subjects to build custom campaign decks.

### Full prompt
```text
A 4:5 editorial fashion lookbook moodboard interface screenshot for a fictional brand called [VINCO]. The composition features a dark-mode app interface with a large rounded charcoal text panel across the upper half containing a multi-line creative direction design brief in clean white sans-serif typography, set against a near-black background.

In the lower area, a 2-by-3 grid of six editorial photo tiles is aligned to the left:
- Tile 1: A young man in an oversized faded olive T-shirt and dark trousers standing before an off-white poster backdrop featuring bold '[VINCO]' branding, barcode graphics, and fine editorial text.
- Tile 2: A tactile still life of a dark natural wine bottle with a minimalist white label reading '[VINCO]', captured in warm afternoon sunlight with paper texture and sharp shadows.
- Tile 3: A back-facing shot of a person in a washed olive long-sleeve shirt with subtle branding and white shorts against a pale wall with blue stripe graphics and editorial layout copy.
- Tile 4: A skateboarder crouched and riding away, seen from behind in golden sunlight on asphalt, wearing a white T-shirt with a bold black graphic block on the back.
- Tile 5: A flat lay of printed wine ephemera on cream paper, showing a pale chartreuse label reading '[Vino Naturale]' with grape botanical illustrations and layered paper scraps.
- Tile 6: A front-facing portrait of a person in a white T-shirt with a race-bib graphic reading '97' and a fluorescent yellow-green cap, outdoors under bright sunlight with palm trees.

Aesthetic: Italian archival graphic design meets late-1990s Southern California streetwear, natural wine culture, and gritty documentary fashion photography. Palette of olive, cream, charcoal, asphalt gray, sun-bleached white, and vibrant fluorescent yellow-green accents. The frame includes UI details such as a rounded gray 'Edit' button at the bottom-left and a small circular icon at the bottom-right.
```

---

## Cyberpunk Neon Creator Business Card
- URL: https://www.gptimagehub.com/library/cyberpunk-neon-creator-business-card
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-23100
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fcyberpunk-neon-creator-business-card
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: cyberpunk, business card, ui design, anime cyborg, neon glow, hud, branding mockup
- Updated: 2026-10-26T21:54:23.098Z
- Created: 2026-10-26T21:54:23.098Z

Renders a futuristic brushed-metal digital business card featuring anime cyborg art, HUD panels, and branded contact details. Customize the handle, name, title, and contact links to create personalized creator cards.

### Full prompt
```text
Horizontal 16:9 futuristic cyberpunk creator business card mockup with rounded corners, beveled metallic borders, tiny corner screws, and a black brushed aluminum texture with glowing cyan and hot-pink rim lighting.

Layout and Composition:
Split into two main sections connected by thin neon circuit lines and HUD geometric panels. Left 45% is a structured information panel; right 55% features an anime cyberpunk character portrait framed within an angled polygon.

Left Information Panel:
- Top-left chrome 3D emblem shaped like the letter "M" enclosed in a hexagonal neon cyan-and-magenta frame.
- Stylized headline reading "[Machine Musk]" in sharp italic sci-fi lettering ("Machine" in metallic white, "Musk" in electric magenta).
- Subtitle below reading "[DARKHERO]" in spaced white uppercase futuristic sans-serif type.
- Exactly five horizontal contact rows with glowing divider lines and hexagonal neon icons:
  1. Magenta envelope icon: "[hello@machinemusk.ai]"
  2. Cyan globe icon: "[www.machinemusk.ai]"
  3. Magenta Twitter bird icon: "[@MachineMuskAI]"
  4. Cyan Discord icon: "[discord.gg/machinemusk]"
  5. Magenta YouTube play icon: "[@MachineMuskAI]"

Right Portrait Section:
- Anime-style futuristic cyborg with short messy white hair, high-collar white armored jacket, black mechanical joints, cables, and a white cyber visor with technical markings over the eyes.
- Background shows a blurred neon cityscape at night with vertical signs and vibrant bokeh in cyan, blue, and purple.
- A large opaque dark slate-gray square censor block placed over the center-right of the visor and upper chest.

Style: High-contrast glossy sci-fi UI illustration, crisp legible typography, sharp vector-like graphic overlays, saturated magenta and cyan neon glow on dark brushed metal.
```

---

## Multi-Industry Japanese Ad Banner Grid
- URL: https://www.gptimagehub.com/library/multi-industry-japanese-ad-banner-grid
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ff-151
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fmulti-industry-japanese-ad-banner-grid
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: banner, advertising, grid, marketing, japanese, typography, layout
- Updated: 2026-10-26T21:49:18.098Z
- Created: 2026-10-26T21:49:18.098Z

Generates a clean 2x2 grid of Japanese marketing banners covering skincare, dining, travel, and SaaS apps. Customize headlines and brand names in brackets to test varied promotional campaigns.

### Full prompt
```text
{
  "type": "2x2 advertising banner grid",
  "layout": "4 distinct quadrants, each featuring a different industry advertisement",
  "quadrants": [
    {
      "position": "top-left",
      "industry": "skincare",
      "visuals": "Asian woman touching cheek, floating water droplets, white pump bottle",
      "brand": "BALANCÉE",
      "copy": {
        "headline": "[素肌が、目覚める。]",
        "subheadline": "透明感あふれる、新しいわたしへ。",
        "features_count": 3,
        "features_labels": ["高保湿", "肌荒れ予防", "美白ケア*"]
      }
    },
    {
      "position": "top-right",
      "industry": "restaurant food",
      "visuals": "close-up of spaghetti bolognese with grated cheese and parsley, dark moody lighting",
      "brand": "Trattoria Luce",
      "copy": {
        "headline": "[このパスタ、事件級。]",
        "badge": "期間限定",
        "description": "黒毛和牛のボロネーゼ 〜トリュフの香り〜"
      }
    },
    {
      "position": "bottom-left",
      "industry": "travel",
      "visuals": "woman with backpack facing a scenic mountain lake, bright daylight",
      "brand": "NATURE JOURNEY",
      "copy": {
        "headline": "[わたしを、解き放つ旅へ。]",
        "subheadline": "自然の中で、心が動き出す。",
        "script": "Find your freedom.",
        "banner_details": ["初夏の特別キャンペーン", "6.1 SAT - 6.30 SUN", "最大 20%OFF", "今だけの特別プラン多数！"]
      }
    },
    {
      "position": "bottom-right",
      "industry": "SaaS app",
      "visuals": "smartphone displaying a task management app interface with 4 schedule items",
      "brand": "[Taskme]",
      "copy": {
        "headline": "[タスク管理を、もっとシンプルに、スマートに。]",
        "circle_badge": "1日を、デザインしよう。",
        "features_count": 3,
        "features_labels": ["直感的な操作性", "チームで共有可能", "どこでもアクセス"],
        "bottom_banner": "7日間無料トライアル実施中！"
      }
    }
  ]
}
```
### Source
- Author: kitune\_fire45
- Title: freestylefly · Awesome GPT Image 2
- URL: https://github.com/freestylefly/awesome-gpt-image-2
- License: MIT

---

## Holographic Sci-Fi Operations Center Dashboard
- URL: https://www.gptimagehub.com/library/holographic-sci-fi-operations-center-dashboard
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-31619
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fholographic-sci-fi-operations-center-dashboard
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: dashboard, holographic, glassmorphism, sci-fi, cyberpunk, ui-ux, data-visualization
- Updated: 2026-10-26T21:49:08.098Z
- Created: 2026-10-26T21:49:08.098Z

Generates a dark glassmorphic holographic operations dashboard in a cyberpunk command center. Customize the main title bracket and active incident details to match your system.

### Full prompt
```text
Cinematic sci-fi product mockup of a futuristic operations dashboard titled "[HOLOGRAPHIC WORKBENCH]", floating as a transparent neon-blue holographic screen above a dark control desk in a cyberpunk command center. Wide 16:9 landscape interface, dark navy and black glassmorphism UI, glowing cyan borders, subtle scanlines, faint grid texture, shallow depth of field with blurred server rack lights in the background. Translucent dark glass panels with rounded corners, subtle reflections on the desk, physical console knobs at the bottom edge, atmospheric blue light beams.

Header: Top-left text reads "PARACORTEX TERMINAL" above the main title "[HOLOGRAPHIC WORKBENCH]" and subtitle "Situational awareness across code, agents, and infrastructure." Top-center metadata displays 3 fields: Workspace "paracortex-core", Session "pipin@paracortex.dev", Time "09:42:17 UTC". Top-right contains a "SIMULATE EVENT" button alongside small gear, sync, and plus icons.

Left Sidebar & Status: Vertical glowing sidebar with 8 navigation items: Overview, Pulse, Agents, Jobs, Traces, Infra, Config, Reports. Lower left status panel shows Status "Operational", Health "98.6%", Uptime "170 4H 23M".

Top Metric Row: Exactly 6 stat cards across the top:
1. "PULSE SCORE" value "78" status "GOOD" with sparkline graph
2. "ACTIVE AGENTS" value "42 / 64" status "ONLINE"
3. "RUNNING JOBS" value "124" status "+12.4%"
4. "SYSTEM HEALTH" value "98.6%" status "NOMINAL"
5. "EVENTS (24H)" value "1,284" status "+8.7%"
6. "TRACES (24H)" value "4.7M" status "+23.1%"

Main Layout: 5 vertical columns beneath metrics:
- Column 1 "NEEDS YOU" (badge 3): 3 task cards: "Release blocked" (urgent red), "Schema change detected" (amber approval), "PR #402 open" (purple lifecycle).
- Column 2 "IN MOTION" (badge 4): 3 task cards: "[Indexer lagging]" (red incident, x20 badge, tiny bar chart), "Refactor batch running" (teal progress bar), "Reconnected" (blue session recovered).
- Column 3 "CHANGED" (badge 6): 3 task cards: "v1.4.0 shipped", "Indexer catching up" (mini bar chart), "Agent config updated".
- Column 4 "CONDITIONS" (badge 4): 3 task cards: "Telemetry not monitored", "Message bus healthy", "Agent pool healthy".
- Column 5 "SELECTED CONTEXT" details panel focused on "[Indexer lagging]": subtext "Since 09:25 UTC (16m)" and "20 repositories behind", red bar chart labeled 09:00, 09:15, 09:30, 09:45, a 5-step vertical timeline ("09:42 Lag threshold breached", "09:37 Alert sent", "09:36 Auto mitigation started", "09:34 Partial recovery", "09:26 Incident opened"), "Investigate" button, and service chips ("paracortex-core", "port-1", "port-indexer", "port-agent", "+15 more").

Bottom Activity Area: Wide "ACTIVITY TRACE" panel labeled "Last 60 minutes" with multicolored timeline dots, 6 filter tabs ("All", "Events", "Commits", "Jobs", "Agents", "Alerts"), compact event list, and legend with 6 categories (Alerts, Changes, Jobs, Commits, Infra, Info).

Foreground Dock: Floating rounded glass dock at bottom center with 4 counters: "Needs you 3" (red), "In motion 4" (blue), "Changed 6" (teal), "Conditions 4" (amber), centered around a glowing purple-blue cube orb emblem.

Style & Constraints: Dense, highly legible technical typography, color-coded status elements, premium sci-fi SaaS software aesthetic. No people visible.
```

---

## AI Creator Studio Website Hero Banner
- URL: https://www.gptimagehub.com/library/ai-creator-studio-website-hero-banner
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14493
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fai-creator-studio-website-hero-banner
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui design, hero banner, landing page, japanese typography, glassmorphism, tech advertising
- Updated: 2026-10-26T21:48:08.098Z
- Created: 2026-10-26T21:48:08.098Z

Generates a clean, modern Japanese tech landing page hero banner with glassmorphism cards and UI elements. Customize the brand name, badge text, and call-to-action copy.

### Full prompt
```text
A polished Japanese promotional website hero banner for an AI creator community, designed in a clean modern tech-advertising style with a soft pastel blue, lavender, pink, and white palette, 16:9 wide composition. On the left, place a gradient triangular abstract logo and the Japanese brand name "[AIクリエイターズ・スタジオ]" at the top, followed by a thin horizontal divider line with a small sparkle in the center. Below, a prominent two-line bold Japanese headline: the first line in dark navy, 「AIで、もっと自由に」, and the second line in large gradient letters from cyan to purple to pink, 「創る・学ぶ・つながる」. Underneath, a short Japanese subheadline flanked by subtle sparkles: 「AIを使ったクリエイティブの可能性を広げるメンバーシップコミュニティ」. On the right, a collage of 6 rounded-rectangle cards showcasing creative works: 1 large dreamy profile portrait of a woman surrounded by flowers and butterflies in ethereal purple light; 1 small cyberpunk city nightscape with a lone figure; 1 small close-up portrait of a fluffy cat; 1 small luxury cosmetic bottle labeled 'AI STUDIO'; 1 small sunny flower-field landscape with a woman in white; and 1 large digital drawing tablet on a desk with a stylus, coffee mug, and desk plant. Overlapping the right section, add a circular gradient badge with bold white text reading "[一緒に創造の未来をつくろう！]". Across the lower middle, place a translucent glassmorphism rounded bar with 5 equal columns and pastel line icons (book, monitor, chat bubble, light bulb, gift) with bold titles: 「限定コンテンツ」, 「実践プロンプト＆テンプレート」, 「メンバー限定コミュニティ」, 「最新情報をいち早くお届け」, and 「メンバー限定特典」, each with a brief 2-line description. At the bottom, a dark navy footer bar with a large call-to-action sentence: "[AIを味方に、あなたの『創りたい』をカタチに。さあ、一緒に創ろう！]". Glossy soft lighting, subtle glimmers, crisp legible Japanese typography, professional landing page aesthetic.
```

---

## Futuristic Japanese AI Dashboard Mockup
- URL: https://www.gptimagehub.com/library/futuristic-japanese-ai-dashboard-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-18415
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Ffuturistic-japanese-ai-dashboard-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: dashboard, ui mockup, dark mode, cyberpunk, saas, japanese text, web design
- Updated: 2026-10-26T21:48:03.098Z
- Created: 2026-10-26T21:48:03.098Z

Renders a dark-mode Japanese SaaS control panel for an AI game startup sequence and instruction workflow. Customize app branding, titles, instruction texts, and step progress to match your project.

### Full prompt
```text
{"type": "futuristic dark-mode Japanese web dashboard UI mockup", "app_brand": "[NEURALJACK]", "main_title": "[AIゲーム起動フロー デモ]", "subtitle": "起動手順を見ながら、そのまま内的会議へ指示を出せる操作画面", "style": {"theme": "cyberpunk SaaS control panel, deep navy and black background, glowing cyan borders, neon blue accents, rounded cards, subtle gradients, compact Japanese typography", "canvas": "wide 16:9 screenshot-like composition", "lighting": "soft blue glow, high contrast, polished product demo look"}, "layout": {"top_bar": {"position": "full width top", "left_logo": "rounded square cyan NJ icon plus brand text", "center_title": "large bold Japanese title", "right_nav_count": 3, "right_nav_items": ["ドキュメント", "通知 with blue badge 2", "設定"]}, "left_sidebar": {"title": "起動フロー", "position": "left column", "step_count": 6, "steps": [{"number": 1, "label": "起動", "status": "完了", "icon": "rocket", "state": "completed with green check"}, {"number": 2, "label": "認証モード選択", "status": "完了", "icon": "shield", "state": "completed with green check"}, {"number": 3, "label": "ChatGPT / Codex ログイン確認", "status": "完了", "icon": "lock", "state": "completed with green check"}, {"number": 4, "label": "Codex App Server 起動", "status": "進行中", "icon": "server", "state": "active highlighted cyan"}, {"number": 5, "label": "ゲーム接続", "status": "待機", "icon": "gamepad", "state": "waiting dim"}, {"number": 6, "label": "AI機能準備完了", "status": "待機", "icon": "robot", "state": "waiting dim"}], "progress_card": {"label": "全体進捗", "value": "50%", "detail": "3 / 6 ステップ完了", "bar": "cyan progress bar halfway filled"}}, "center_panel": {"title": "フロー可視化", "position": "main center column", "sections_count": 2, "sections": [{"title": "ローカル開発", "position": "upper center", "node_count": 4, "nodes": ["Game Tool UI / クライアントUI", "codex app-server / ローカルサーバー", "ChatGPT Plus ログイン / ブラウザ認証", "Codex / AIエンジン"], "connectors": "three cyan arrows left to right", "note": "開発時は Plus ログイン / 本番時は API と明示設定"}, {"title": "本番運用", "position": "middle center", "node_count": 3, "nodes": ["Game Client / ゲームクライアント", "AI Gateway Backend / ゲートウェイサーバー", "OpenAI API / クラウドAI"], "connectors": "two cyan arrows left to right", "accent": "green glowing section border"}]}, "bottom_center": {"panel_count": 2, "panels": [{"title": "イベントログ", "position": "bottom left of center", "visible_log_lines_count": 3, "visible_log_lines": ["[OK] NeuralJack UI booted", "[INFO] waiting for instruction", "[INFO] codex app-server file export mode"]}, {"title": "実行プレビュー", "position": "bottom right of center", "content": "dark preview card with large text 次の推奨操 visible near bottom"}]}, "right_panel": {"title": "指示パネル", "position": "right column", "instruction_box": {"text": "[ローカルLLMを使った個人AI相棒を作りたい]", "appearance": "large dark textarea with subtle send button area"}, "checkbox_count": 3, "checkboxes": [{"label": "GPT-5.5 強化", "state": "unchecked"}, {"label": "カード生成", "state": "checked cyan"}, {"label": "Codexタスク化", "state": "unchecked"}], "quick_actions": {"title": "クイックアクション", "button_count": 6, "buttons": ["サポートAI", "オートプレイ", "クエスト生成", "NPC会話", "音声デモ", "設定"], "arrangement": "2 rows by 3 columns, icon above label on each button"}, "recommended_commands": {"title": "おすすめコマンド", "chip_count": 4, "chips": ["起動チェック", "接続テスト", "ログ確認", "現在状態を取得"]}, "chat_prompt": {"bot_icon": "cyan circular robot icon", "speech_bubble": "[何をしたいですか？]"}}}, "rendering_notes": "Make the interface look like an actual implemented browser app screenshot rather than a flat illustration. Use crisp Japanese text, thin cyan outlines, rounded rectangles, small icons, active step glow, and dense but readable spacing."}
```

---

## Pixel Art Monster Music Sequencer UI
- URL: https://www.gptimagehub.com/library/pixel-art-monster-music-sequencer-ui
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-29150
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fpixel-art-monster-music-sequencer-ui
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: retro
- Tags: pixel-art, music-sequencer, game-ui, synth-dashboard, retro-gaming, monster-character, neon-interface
- Updated: 2026-10-26T21:44:48.098Z
- Created: 2026-10-26T21:44:48.098Z

Generates a retro sci-fi pixel-art synthesizer interface featuring four animated monster audio tracks and mixer controls. Customize neon track colors, monster expressions, and theme accents to suit any game UI concept.

### Full prompt
```text
Vertical pixel-art sci-fi music sequencer interface featuring four cute monster audio tracks, styled as a retro game synthesizer console on a [deep navy] background with glowing rounded rectangular panels and sharp pixel-art outlines. Subtly dithered 16-bit texture with scanline effect, using neon accents in [mint cyan], [hot red], [purple], and yellow.

Layout:
- Top Header: A wide rounded status bar containing exactly 6 elements: 1 mini alien face icon on the far left, 1 dotted equalizer display beside it, 3 square transport buttons (stop, play, record) in the center, and 1 dotted grid icon on the far right.
- Main Tracks (stacked 4 horizontal rounded panels, each featuring track number, vertical level meter, monster character, circular dotted status control, and a large rotary knob):
  - Track 1 (mint/teal theme): Labeled "1". A sleepy squat monster lying down with closed eyes and "Z Z" sleep marks above; center dotted circular ring; right rotary knob with pale yellow arc and mint indicator dot.
  - Track 2 ([hot red] theme): Labeled "2". An aggressive standing one-eyed monster, mouth open with sharp teeth, raising one arm casting a crackling red energy orb; center red dotted ring with solid dot; right knob with red arc and indicator dot.
  - Track 3 (cyan theme): Labeled "3". A blue smiling one-eyed monster wearing headphones and dancing with arms raised, accompanied by 2 floating music notes; center cyan circle with play triangle; right knob with cyan arc and indicator dot.
  - Track 4 ([purple] theme): Labeled "4". A hyperactive purple monster with motion afterimages, large expressive eyes, waving arms, surrounded by tiny sparkles; center purple circle with play triangle; right knob with purple arc and indicator tick.
- Bottom Mixer Section: A wide rounded panel. On the left, a square album art tile with a glowing [mint cyan] border showing a floating pixel mossy cube asteroid with tiny orbiting rocks and stars. To the right, a row of 5 square pixel effect buttons (purple radar, cyan spectrum waveform, green pixel burst, yellow audio wave, yellow ringed planet). Directly below, 2 horizontal VU audio meters (mic icon and speaker icon) with green-to-yellow bars, separated by a thin vertical divider.

Text constraints: Only display track numbers "1", "2", "3", "4" and sleep marks "Z Z"; all other interface controls use abstract pixel glyphs.
```

---

## Anime Cosmos Garden Credit Card
- URL: https://www.gptimagehub.com/library/anime-cosmos-garden-credit-card
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-20406
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fanime-cosmos-garden-credit-card
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: credit card, anime illustration, cosmos flower, ui design, card branding, pastel aesthetic, embossed text
- Updated: 2026-10-26T21:44:08.098Z
- Created: 2026-10-26T21:44:08.098Z

Generates a glossy fantasy payment card featuring a romantic anime character among pink cosmos blossoms. Customize the cardholder name, title script, and branding text to create your own bespoke design.

### Full prompt
```text
Glossy anime-style fantasy credit card design for [Komari Hanasaki], themed around pink cosmos flowers and a sunset garden. Straight-on centered composition of a horizontal rounded-rectangle credit card with a polished plastic finish and a subtle drop shadow against a plain white background.

Main illustration: An anime girl with short dark brown bobbed hair and an ahoge sits amidst blossoming pink cosmos. She wears a pale white-pink sleeveless dress with lace trim and a pink waist bow. Her face is concealed by a centered opaque square privacy block in muted brown-pink placed over the upper-right-center portion of the portrait.

Background: A lush meadow of pink cosmos flowers spanning the entire card, with large blossoms on the sides, warm sunset lighting, glowing golden particles, soft clouds, and drifting petals.

Card UI elements: Gold EMV chip on the left, white contactless icon on the top right. Top-left cursive white script reads "[Komari]" with a delicate flower accent, followed by spaced serif text "COSMOS CARD" underneath. Embossed metallic-gold card digits in four groupings: "1234 5678 9012 3456". Bottom-left embossed name "[KOMARI HANASAKI]" beneath the label "CARDHOLDER". Expiry section reads "GOOD THRU", "MONTH/YEAR", and "00/00". Bottom-right white logo displays "[LUMINA PAY]" with "LUMINA" above "PAY" and a subtle smile curve underline.

Style: Romantic anime art, pastel pink, lavender, peach, and warm gold palette, crisp typography, realistic metallic embossing, premium card aesthetic.
```

---

## Google Maps Restaurant Listing Mockup
- URL: https://www.gptimagehub.com/library/google-maps-restaurant-listing-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-16281
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fgoogle-maps-restaurant-listing-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 9:16
- Style: graphic-design
- Tags: google maps, ui mockup, mobile app, restaurant, ios interface, app screenshot
- Updated: 2026-10-26T21:40:42.044Z
- Created: 2026-10-26T21:40:42.044Z

Generates a realistic Google Maps iOS listing interface for a restaurant. Customize the restaurant name, cuisine, review text, and thumbnail photo details to fit any fictional spot.

### Full prompt
```text
A clean screenshot of a Google Maps iOS app store detail screen in a 9:16 vertical layout, featuring highly authentic and precise mobile map UI elements.

Top header information:
- Store Name: "[Mona Hanten]"
- Rating: ★★★★★ 4.9 (87 reviews)
- Category: "Chinese Restaurant"
- Operating Status: "Open · Closes at 22:00"

Photo section (horizontal scroll carousel):
- Store exterior thumbnail, ramen photo, gyoza photo, counter view, and [the back of a young woman chef cooking].

Review section with readable customer text:
- ★★★★★ "It's a small shop, but the ramen here is the best in Beppu. I was moved by the female owner making everything by herself. Both taste and service are the best." — [Taro M.] (3 months ago)
- ★★★★★ "The owner's smile with flowers in her hair is wonderful. When I ordered dandan noodles, she asked 'Are you okay with the spice?' She was so considerate. Of course, it was delicious." — Hanako S. (1 month ago)
- ★★★★☆ "The taste is beyond reproach. However, it's become so popular that there's always a line... I recommend going right after opening." — Kenta K. (2 weeks ago)

Bottom navigation bar:
- Authentic iOS Google Maps action buttons: "Directions", "Call", and "Save".

Pixel-precise mobile UI rendering with clean, readable typography and modern app layout.
```

---

## Storyboard Re-Render Node Workflow UI
- URL: https://www.gptimagehub.com/library/storyboard-re-render-node-workflow-ui
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-27505
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fstoryboard-re-render-node-workflow-ui
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 4:3
- Style: 3d
- Tags: ui-design, storyboard, node-graph, anime, previz, 3d-render, dark-mode
- Updated: 2026-10-26T21:40:03.098Z
- Created: 2026-10-26T21:40:03.098Z

Generates a dark node-graph editor showing side-by-side 3D previz and anime storyboard panels. Customize the art style and character wardrobe to suit any production pipeline.

### Full prompt
```text
Dark node-based workflow UI screenshot showing a side-by-side comparison between a 3D animation previz storyboard and an anime-style re-render inside a visual AI compositing application. Landscape 4:3 screen capture on a nearly black dotted grid canvas with thin curved teal connector lines between nodes and small circular input/output connection ports.

Layout: Exactly two tall rounded-rectangle dark charcoal nodes side by side. Both nodes have a header titled "Painter" on the top-left with a small brush/pen icon, and a three-dot menu icon on the top-right. The left node displays the source grayscale storyboard; the right node displays the stylized output storyboard. Each node contains exactly 4 vertically stacked widescreen storyboard frames separated by crisp black dividers, followed by a compact control toolbar at the bottom.

Left node frames: Rendered as monochrome neutral-gray 3D viewport cinematic previz with clay materials and geometric urban assets. Frame 1: a generic featureless male mannequin walking down a city sidewalk past storefronts, a fire hydrant, street pole, and road markings. Frame 2: the mannequin lifts one leg onto a stone building wall, initiating a climb. Frame 3: the mannequin climbing the building facade, leaning backward with feet pressed against the wall. Frame 4: rear perspective of the mannequin walking straight up a tall vertical wall toward the roofline.

Right node frames: Exactly mirrors the same 4 actions and angles, rendered in [1990s hand-painted anime cel animation] style. Features a young adult male with brown hair wearing [a green jacket, blue jeans, and brown shoes] in classic anime proportions. Frame 1: walking along a sunlit city street past shops, a red hydrant, lamppost, and road marking "633". Frame 2: stepping onto the building wall beside a shopfront window. Frame 3: climbing higher on the facade with city street, fire escape, and signs visible below. Frame 4: rear view walking vertically up the pale building exterior.

Bottom controls on each node: Top row features exactly three icons (a highlighted yellow brush, an eraser, and a grid icon) alongside a right-aligned "Reset" text label. Bottom row features three parameter fields: "Color" with a white swatch, "#FFFFFF", and "100%"; "Size" with a slider showing [30] on the left and [60] on the right; "Hardness" with a slider and "100%". Crisp UI mockup, dark mode, subtle drop shadows, precise typographic alignment.
```

---

## YouTube Dark Mode Desktop UI Mockup
- URL: https://www.gptimagehub.com/library/youtube-dark-mode-desktop-ui-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-14083
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fyoutube-dark-mode-desktop-ui-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: youtube, ui mockup, dark mode, web interface, desktop design, video platform
- Updated: 2026-10-26T21:37:33.098Z
- Created: 2026-10-26T21:37:33.098Z

Render a comprehensive YouTube desktop homepage in dark mode with side navigation and video thumbnails. Modify bracketed values to customize the operating system, URL, or interface theme.

### Full prompt
```text
{
  "type": "desktop UI mockup",
  "application": "YouTube homepage",
  "theme": "[dark mode]",
  "browser_window": {
    "url_bar": "[youtube.com]",
    "tabs": 1,
    "elements": ["back/forward buttons", "refresh", "extensions", "profile avatar"]
  },
  "layout": {
    "sidebar": {
      "position": "left",
      "sections": [
        { "title": "Main", "count": 3, "items": ["Home", "Shorts", "Subscriptions"] },
        { "title": "You", "count": 6, "items": ["Your channel", "History", "Playlists", "Your videos", "Watch later", "Liked videos"] },
        { "title": "Subscriptions", "count": 8, "items": ["Linus Tech Tips", "MrBeast", "Kurzgesagt - In a...", "ColdFusion", "3Blue1Brown", "Khan Academy", "Veritasium", "Show more"] },
        { "title": "Explore", "count": 7, "items": ["Trending", "Music", "Films", "Live", "Gaming", "News", "Sport"] },
        { "title": "More from YouTube", "count": 3, "items": ["YouTube Premium", "YouTube Music", "YouTube Kids"] }
      ]
    },
    "top_filter_bar": {
      "count": 11,
      "labels": ["All", "Gaming", "Music", "Live", "Podcasts", "Mixes", "Science", "Lo-fi", "Thrillers", "Recently uploaded", "Watched"]
    },
    "video_grid": {
      "layout": "4 rows by 3 columns",
      "count": 12,
      "videos": [
        { "title": "Why Build Your Own GPU is Almost Impossible", "channel": "Linus Tech Tips", "thumbnail": "GPU chip with red arrow" },
        { "title": "Survive 100 Days In Circle, Win $500,000", "channel": "MrBeast", "thumbnail": "MrBeast smiling with contestants in background" },
        { "title": "What If We Nuke an Asteroid?", "channel": "Kurzgesagt - In a Nutshell", "thumbnail": "Missile approaching an asteroid in space" },
        { "title": "How Dubai Became a $10 Billion City", "channel": "ColdFusion", "thumbnail": "Man next to Dubai skyline with text '$0 TO $10B'" },
        { "title": "The Beautiful Math of Euler's Identity", "channel": "3Blue1Brown", "thumbnail": "Math equation and spiral graph on black background" },
        { "title": "The World in 2040 - Population, Climate & More", "channel": "Veritasium", "thumbnail": "Lush green forest with text 'The World in 2040'" },
        { "title": "I've Been Using Linux For 12 Years, This Is What Finally...", "channel": "DistroTube", "thumbnail": "Laptop and smartphone with a blue arrow connecting them" },
        { "title": "Black Holes Explained - From Birth to Death", "channel": "Khan Academy", "thumbnail": "Glowing orange accretion disk of a black hole" },
        { "title": "The Problem With Diet Advice", "channel": "Andrew Huberman", "thumbnail": "Man in black shirt with text 'the problem with diet advice'" },
        { "title": "How to Learn Anything (Evidence-Based)", "channel": "Ali Abdaal", "thumbnail": "Flat illustration of a man reading a book surrounded by colorful leaves" },
        { "title": "The Last of Us Part 2 is a Masterpiece", "channel": "Naughty Dog", "thumbnail": "Gritty portrait of Ellie with game logo" },
        { "title": "lofi hip hop radio - beats to relax/study to", "channel": "Lofi Girl", "thumbnail": "Anime girl studying at a desk with city view at sunset" }
      ]
    }
  },
  "os_environment": {
    "os": "[Windows 10]",
    "taskbar_position": "bottom",
    "visible_icons": ["Start", "Search bar", "Task View", "File Explorer", "Edge", "Spotify"],
    "system_tray": ["network", "volume", "battery", "clock showing 08:34 03/04/2024"]
  }
}
```

---

## Cyberpunk E-Commerce Flash Sale Hero
- URL: https://www.gptimagehub.com/library/cyberpunk-e-commerce-flash-sale-hero
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-20287
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fcyberpunk-e-commerce-flash-sale-hero
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: cyberpunk, landing page, hero section, ui design, web design, ecommerce, neon
- Updated: 2026-10-26T21:37:03.098Z
- Created: 2026-10-26T21:37:03.098Z

Generates a futuristic neon cyberpunk desktop landing page hero section for an e-commerce sale. Customize brand names, dates, button text, and color highlights to fit your campaign.

### Full prompt
```text
Desktop e-commerce first-view landing page UI design for brand [NEXA], promoting a [CYBER FLASH CAMPAIGN] in a futuristic cyberpunk neon aesthetic. 16:9 ratio screen layout on a dark black and navy background with a receding perspective cyber grid floor, glowing magenta and electric cyan circuitry framing the edges, high-contrast reflections, and HUD details.

Top Navigation Bar: Brand logo [NEXA] on the left; exactly 5 navigation items on the right: “SALE”, “FEATURE”, “ITEMS”, “FAQ”, and a glowing bordered neon button “CHECK NOW”.

Two-Column Hero Section:
- Left Column (Text & CTAs): A rounded pill badge reading “[CYBER FLASH CAMPAIGN]”. Main headline in Japanese and English: “今だけの” above bold white typography “FLASH SALE” with hot-pink neon glow. Two Japanese subtext lines: “対象アイテムが期間限定でスペシャルプライス。” and “7/15(火) 13:59までの限定オファーをお見逃しなく。”. Below, a neon outlined timer bar with a clock icon reading “LIMITED TIME : [7/15(火) 13:59まで]”. Exactly two CTA buttons: a solid hot-pink glowing button “今すぐチェック ›” and a cyan outlined button “対象商品を見る ›”. At the bottom, exactly 3 icon chips: truck icon “送料無料”, user icon “会員限定特典”, and gift icon “数量限定”.
- Right Column (Promo Graphic): A large glowing poster card with magenta neon borders and cyan HUD corner brackets. Inside shows a futuristic night cityscape with skyscrapers and illuminated grid streets. Centered is an alarm clock outline with bold stacked text “FLASH SALE” and cyan text “LIMITED OFFER”, followed by “期間限定”, “[7/15(火) 13:59まで]”, and a rounded magenta button “CHECK NOW”. Decorative HUD dials, circuit lines, and target marks frame the poster.

Visual Style & Constraints: Deep navy and black canvas with electric cyan, hot magenta, and crisp white. Clean modern sans-serif typography. Desktop first-view only, no browser frame, no human figures, no additional product photos, no watermarks.
```

---

## Desktop Video Platform Tech Review Mockup
- URL: https://www.gptimagehub.com/library/desktop-video-platform-tech-review-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13820
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fdesktop-video-platform-tech-review-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: youtube, ui-mockup, dark-mode, tech-review, robotics, interface-design, video-player
- Updated: 2026-10-26T21:35:33.098Z
- Created: 2026-10-26T21:35:33.098Z

Renders a dark mode desktop video streaming interface showing a studio tech review. Change the hosts, featured robot or gadget, and video details to fit any scene.

### Full prompt
```text
{
  "type": "desktop video platform UI mockup",
  "theme": "dark mode",
  "header": {
    "logo": "YouTube IN",
    "search_bar": "centered, with magnifying glass icon",
    "right_icons": {
      "count": 4,
      "items": ["microphone", "+ Create button", "notifications bell", "user profile picture"]
    }
  },
  "video_player": {
    "scene": "Studio setting with two tech reviewers seated at a modern desk.",
    "subjects": [
      "[Marques Brownlee (MKBHD)] in black t-shirt",
      "[Arun Maini (Mrwhosetheboss)] in green overshirt",
      "[Tesla Optimus humanoid robot] standing between them"
    ],
    "props": ["black mug with logo", "background screen with glowing blue neon M logo"],
    "controls_bar": {
      "progress_bar": "red, near the beginning",
      "timestamp": "0:01 / 18:47",
      "left_icons": {
        "count": 3,
        "items": ["play/pause", "next track", "volume"]
      },
      "right_icons": {
        "count": 6,
        "items": ["CC", "settings with 4K badge", "miniplayer", "theater mode", "cast", "fullscreen"]
      }
    }
  },
  "video_details": {
    "title": "[Tesla Optimus Robot Review: Futures Are Here!]",
    "channel_info": {
      "name": "[Mrwhosetheboss]",
      "badges": ["verified checkmark"],
      "subscribers": "20.5M subscribers",
      "button": "white Subscribe button"
    },
    "action_buttons": {
      "count": 6,
      "items": ["Like (215K) / Dislike (4.2K) pill", "Share", "Download", "Clip", "Save", "More (...)"]
    }
  },
  "description_box": {
    "metadata": "3,278,456 views Apr 12, 2024 #7 on Trending",
    "text": "MKBHD & I review Tesla's Optimus humanoid robot. We cover the design, walk, AI, hands-on & what it means for the future!",
    "links": ["Marques's Channel: @mkbhd"]
  }
}
```

---

## Live Streaming App UI Comparison Mockup
- URL: https://www.gptimagehub.com/library/live-streaming-app-ui-comparison-mockup
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-13959
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Flive-streaming-app-ui-comparison-mockup
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 16:9
- Style: graphic-design
- Tags: ui-mockup, live-streaming, mobile-app, interface-design, social-media, chat-overlay
- Updated: 2026-10-26T21:29:08.098Z
- Created: 2026-10-26T21:29:08.098Z

Creates a dual-panel mobile interface mockup for a live streaming app with an interactive chat stream and streamer thank-you sign. Customize the streamer appearance, overlay text, and gift animation badges.

### Full prompt
```text
{
  "type": "side-by-side mobile UI mockup",
  "theme": "[Chinese mobile live streaming app]",
  "panels": [
    {
      "position": "left",
      "subject": "[young Asian woman, beautiful, smiling], long wavy hair, holding a handwritten sign",
      "sign_content": "\"[谢谢 Ray 的大火箭！]\" with small rocket and heart doodles",
      "ui_elements": {
        "top_bar": "streamer profile avatar and info, follow button, 3 viewer avatars, [10万+] viewer count, close button",
        "overlays": "popularity rank badge, gift gallery widget, floating animated gift banner showing \"[大火箭]\" x1",
        "chat_stream": "7 distinct semi-transparent live chat message bubbles",
        "bottom_bar": "comment input field, 4 interactive action icons, floating colorful heart reactions"
      }
    },
    {
      "position": "right",
      "subject": "same streamer, high ponytail with scrunchie, holding a handwritten sign",
      "sign_content": "\"[谢谢 Ray 的大火箭！]\" with stars, hearts, and rocket doodles",
      "ui_elements": {
        "top_bar": "app logo, LIVE badge, 12.6万 viewer count, streamer profile info, follow button",
        "overlays": "hourly ranking badge, gift goal progress widget, 2 floating animated gifts (rocket x1, rose x10)",
        "chat_stream": "6 distinct semi-transparent live chat message bubbles",
        "bottom_bar": "comment input field, 4 interactive action icons, follow button, floating colorful heart reactions"
      }
    }
  ]
}
```

---

## Neumorphic Glassmorphic Smart Dashboard Kit
- URL: https://www.gptimagehub.com/library/neumorphic-glassmorphic-smart-dashboard-kit
- Generator URL: https://www.gptimagehub.com/generate?promptId=oss-ym-g2-15648
- Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Flibrary%2Fneumorphic-glassmorphic-smart-dashboard-kit
- Category: UI / UX Design
- Model: gpt-image-2
- Aspect ratio: 1:1
- Style: graphic-design
- Tags: ui kit, glassmorphism, neumorphism, 3d mockup, dashboard, dribbble style
- Updated: 2026-10-26T21:23:48.098Z
- Created: 2026-10-26T21:23:48.098Z

Generates a clean 3D neumorphic UI component sheet with frosted glass textures. Customize the bracketed accent colors, music details, or dashboard metrics to match your concept.

### Full prompt
```text
{"type":"glassmorphism neumorphic smart dashboard UI kit","style":{"theme":"clean futuristic mobile interface components","background":"soft light gray-white","materials":"frosted glass, translucent acrylic, soft shadows, subtle inner glow, rounded corners, embossed and debossed details","accent color":"[deep teal green]","secondary accent":"warm orange","lighting":"soft studio lighting from upper left, gentle ambient reflections, high polish","rendering":"ultra-detailed 3D UI mockup, premium Dribbble-style product design"},"layout":{"canvas":"square composition","arrangement":"evenly spaced grid of isolated widgets and controls","density":"information-dense but balanced with generous white space","sections":[{"title":"top row controls","position":"top","count":6,"labels":["4-quadrant connectivity pad","analog clock","50% BATTERY circular gauge","24° Cloudy weather dial","compass","vertical temperature slider"]},{"title":"small circular shortcut buttons","position":"upper middle","count":11,"labels":["alarm","moon","mute bell","flashlight","location pin","orange ring button","layers","cube","split view","focus frame","check icon"]},{"title":"center widgets","position":"middle","count":8,"labels":["music player card","brightness slider with Auto","Focus Work dropdown pill","vertical plus-minus rocker","small vertical toggle with orange dot","tall volume slider","small dark circular button","thin vertical light slider with note icon"]},{"title":"secondary cards and controls","position":"lower middle","count":11,"labels":["Screen Mirroring card","AirDrop Everyone card","bottom utility strip with battery camera microphone hearing icons","horizontal temperature scale","media back button","media play button","media next button","heart button","shuffle button","repeat button","digital clock card"]},{"title":"bottom gauges and status","position":"lower","count":11,"labels":["lightning circular power gauge","75% circular ring","315° NW compass dial","dB -18 meter","ALT 1240 meter","navigation compass arrow","Active status pill","Notification pill","weekly weather forecast card","4 square utility buttons","bottom navigation icon row"]}],"bottom navigation count":13},"objects":{"connectivity pad":{"shape":"large rounded 4-way disc","quadrants":4,"icons":["airplane mode","wireless signal","wifi","bluetooth"],"active quadrants":1},"music player":{"artist":"[Billie Eilish]","track":"[Ocean Eyes]","artwork":"abstract ocean wave image in teal tones","controls":4,"timeline":"1:45 to 3:20","extra":"audio waveform"},"weather main":{"temperature":"[24°]","condition":"Cloudy"},"digital clock":{"time":"[10:24]","date":"Tuesday, May 21","period toggle":"AM PM"},"forecast":{"current":"24° Partly Cloudy, H: 26° L: 18°","hourly count":6,"hours":["Now","11AM","12PM","1PM","2PM","3PM"]},"utility buttons":{"count":4,"icons":["timer","calculator","battery","record"]}},"color palette":{"count":5,"colors":["white","light gray","deep teal green","dark charcoal","soft orange"]},"camera":{"view":"straight-on top view","framing":"entire UI kit visible edge to edge"}}
```