สร้างอินเทอร์เฟซแอปมือถือสไตล์ 3D Glassmorphism ที่ทันสมัยสำหรับ AI assistant โดยมีส่วน Hero เป็นตัวละคร 3D, ระบบรางวัลรายวัน และรายการงานที่ต้องทำ
{
"type": "mobile app UI mockup",
"theme": "futuristic AI assistant, 3D glassmorphism, โทนสีฟ้าอ่อนและสีขาว",
"header": {
"user_profile": {
"avatar": "หัวหุ่นยนต์ 3D ขนาดเล็ก",
"name": "YouMind Assistant",
"level_badge": "LV.8 ระดับดาว",
"experience": "ค่าประสบการณ์ 680/1000"
},
"top_right_icons": {
"count": 2,
"labels": ["เช็คอิน", "ตั้งค่า"]
}
},
"hero_display": {
"subject": "หุ่นยนต์ 3D น่ารักสวมหมวกแก้วและมีดวงตาสีฟ้าเรืองแสง",
"pose": "ยืนอยู่บนแท่นวงกลมล้ำสมัยที่เรืองแสง",
"speech_bubble": "สวัสดี~ วันนี้ก็สู้ๆ นะ!",
"background": "สภาพแวดล้อมเทคโนโลยีสีฟ้าอ่อนแบบนามธรรมพร้อมฟองอากาศโปร่งใสที่ลอยอยู่"
},
"layout": {
"sections": [
{
"title": "เช็คอินรายวัน",
"subtitle": "เช็คอินต่อเนื่อง 3 วัน",
"type": "horizontal scroll cards",
"count": 5,
"items": [
{"state": "active blue card", "reward": "+10 เหรียญทอง", "label": "เช็คอินได้"},
{"state": "inactive white card", "reward": "+15 เหรียญทอง", "label": "2 วัน"},
{"state": "inactive white card", "reward": "+20 เหรียญทอง", "label": "3 วัน"},
{"state": "inactive white card", "reward": "+30 เหรียญทอง", "label": "4 วัน"},
{"state": "inactive white card", "reward": "+50 เพชรม่วง", "label": "7 วัน"}
]
},
{
"title": "ภารกิจพัฒนาตนเอง",
"type": "vertical list",
"count": 4,
"items": [
{"icon": "blue book", "text": "ถาม-ตอบอัจฉริยะ 1 ครั้ง", "progress": "1/1", "reward": "+15", "button": "รับรางวัล"},
{"icon": "green rocket", "text": "สำรวจฟีเจอร์ใหม่ 3 อย่าง", "progress": "2/3", "reward": "+20", "button": "ไปทำภารกิจ"},
{"icon": "purple chat bubble", "text": "แชร์ให้เพื่อน 1 คน", "progress": "0/1", "reward": "+30", "button": "ไปทำภารกิจ"},
{"style": "blue gradient banner", "icon": "3D diamond", "text": "อัปเกรดเป็น LV.9 เพื่อปลดล็อกสกินใหม่", "progress": "680/1000", "button": "อัปเกรด"}
]
}
],
"bottom_navigation": {
"count": 5,
"items": [
{"icon": "blue home", "label": "หน้าแรก"},
{"icon": "grey compass", "label": "ค้นพบ"},
{"icon": "large protruding 3D robot head", "label": ""},
{"icon": "grey chat bubble with red dot", "label": "ข้อความ"},
{"icon": "grey user profile", "label": "ของฉัน"}
]
}
}
}
