Copy-ready prompt
{ "type": "Mobile App UI Design Draft", "theme": "A futuristic AI assistant with a 3D glass-like design and a light blue and white color scheme.", "header": { "user_profile": { "avatar": "Small 3D robot head", "name": "{argument name=\"app name\" default=\"Xiaozhi Robot\"}", "level_badge": "LV.8 Star", "experience": "Experience points 680/1000" }, "top_right_icons": { "count": 2, "labels": [ "Sign in", "set up" ] } }, "hero_display": { "subject": "A cute 3D robot with a glass helmet and glowing blue eyes.", "pose": "Standing on the glowing, futuristic circular base", "speech_bubble": "{argument name=\"robot greeting\" default=\"Hi~ Let's do our best today too!\"}", "background": "An abstract, light blue, futuristic environment with suspended transparent bubbles." }, "layout": { "sections": [ { "title": "Daily check-in", "subtitle": "Sign in for 3 consecutive days", "type": "Horizontal scrolling cards", "count": 5, "items": [ { "state": "Blue card in active state", "reward": "+10 Gold Coins", "label": "Sign-in available" }, { "state": "Unactivated white card", "reward": "+15 Gold Coins", "label": "2 days" }, { "state": "Unactivated white card", "reward": "+20 Gold Coins", "label": "3 days" }, { "state": "Unactivated white card", "reward": "+30 Gold Coins", "label": "4 days" }, { "state": "Unactivated white card", "reward": "+50 Purple Diamonds", "label": "7 days" } ] }, { "title": "Growth Task", "type": "Vertical list", "count": 4, "items": [ { "icon": "blue book", "text": "{argument name=\"task 1 title\" default=\"Complete 1 intelligent question answering\"}", "progress": "1/1", "reward": "+15", "button": "receive" }, { "icon": "Green Rocket", "text": "{argument name=\"task 2 title\" default=\"Explore 3 new features\"}", "progress": "2/3", "reward": "+20", "button": "Go and complete" }, { "icon": "Purple chat bubbles", "text": "Share with 1 friend", "progress": "0/1", "reward": "+30", "button": "Go and complete" }, { "style": "Blue gradient banner", "icon": "3D diamond", "text": "{argument name=\"upgrade banner text\" default=\"Upgrade to LV.9 to unlock new skins\"}", "progress": "680/1000", "button": "Upgrade" } ] } ], "bottom_navigation": { "count": 5, "items": [ { "icon": "Blue Homepage", "label": "front page" }, { "icon": "Gray compass", "label": "Discover" }, { "icon": "Large raised 3D robot head", "label": "" }, { "icon": "Gray chat bubbles with red dots", "label": "information" }, { "icon": "Gray profile", "label": "mine" } ] } } }
Prompt breakdown
{ "type": "Mobile App UI Design Draft", "theme": "A futuristic AI assistant with a 3D glass-like design and a light blue and white color scheme.", "header": { "user_profile": { "avatar": "Small 3D robot head", "name": "{argument name=\"app name\" default=\"Xiaozhi Robot\"}", "level_badge": "LV.8 Star", "experience": "Experience points 680/1000" }, "top_right_icons": { "count": 2, "labels": [ "Sign in", "set up" ] } }, "hero_display": { "subject": "A cute 3D robot with a glass helmet and glowing blue eyes.", "pose": "Standing on the glowing, futuristic circular base", "speech_bubble": "{argument name=\"robot greeting\" default=\"Hi~ Let's do our best today too!\"}", "background": "An abstract, light blue, futuristic environment with suspended transparent bubbles." }, "layout": { "sections": [ { "title": "Daily check-in", "subtitle": "Sign in for 3 consecutive days", "type": "Horizontal scrolling cards", "count": 5, "items": [ { "state": "Blue card in active state", "reward": "+10 Gold Coins", "label": "Sign-in available" }, { "state": "Unactivated white card", "reward": "+15 Gold Coins", "label": "2 days" }, { "state": "Unactivated white card", "reward": "+20 Gold Coins", "label": "3 days" }, { "state": "Unactivated white card", "reward": "+30 Gold Coins", "label": "4 days" }, { "state": "Unactivated white card", "reward": "+50 Purple Diamonds", "label": "7 days" } ] }, { "title": "Growth Task", "type": "Vertical list", "count": 4, "items": [ { "icon": "blue book", "text": "{argument name=\"task 1 title\" default=\"Complete 1 intelligent question answering\"}", "progress": "1/1", "reward": "+15", "button": "receive" }, { "icon": "Green Rocket", "text": "{argument name=\"task 2 title\" default=\"Explore 3 new features\"}", "progress": "2/3", "reward": "+20", "button": "Go and complete" }, { "icon": "Purple chat bubbles", "text": "Share with 1 friend", "progress": "0/1", "reward": "+30", "button": "Go and complete" }, { "style": "Blue gradient banner", "icon": "3D diamond", "text": "{argument name=\"upgrade banner text\" default=\"Upgrade to LV.9 to unlock new skins\"}", "progress": "680/1000", "button": "Upgrade" } ] } ], "bottom_navigation": { "count": 5, "items": [ { "icon": "Blue Homepage", "label": "front page" }, { "icon": "Gray compass", "label": "Discover" }, { "icon": "Large raised 3D robot head", "label": "" }, { "icon": "Gray chat bubbles with red dots", "label": "information" }, { "icon": "Gray profile", "label": "mine" } ] } } }
Use clear style, lighting, and composition cues.
Explain where the generated visual will be used.
Avoid brand logos and review licensing before commercial use.










