# GPT Image Hub prompt ## 영양 음식 스캐너 앱 프로토타입 쇼케이스 보드 - URL: https://www.gptimagehub.com/ko/library/nutrition-food-scanner-app-showcase-board - Generator URL: https://www.gptimagehub.com/ko/generate?promptId=oss-ym-g2-19296 - Markdown URL: https://www.gptimagehub.com/api/agent/markdown?path=%2Fko%2Flibrary%2Fnutrition-food-scanner-app-showcase-board - Category: UI / UX 디자인 - Model: gpt-image-2 - Aspect ratio: 16:9 - Style: graphic-design - Tags: ui목업, 모바일앱, 영양트래커, 쇼케이스보드, 음식스캐너, 피그마디자인 - Updated: 2026-10-26T15:51:53.098Z - Created: 2026-10-26T15:51:53.098Z AI 영양 추적 iOS 앱의 멀티 스크린 피그마 스타일 쇼케이스 보드를 생성합니다. 브랜드에 맞게 앱 이름, 스캔할 식사, 강조 색상을 커스텀할 수 있습니다. ### Full prompt ```text { "type": "mobile app prototype presentation board for a nutrition and food scanner app", "overall_style": "clean modern iOS UI mockup, white background, rounded cards, soft shadows, green health-tech accent color, Poppins-style typography, realistic phone screenshots arranged in a horizontal product-design showcase", "app": { "name": "[Caloryx]", "language": "Spanish", "concept": "AI-powered meal scanning, calorie tracking, nutritional analysis, healthier alternatives, and progress dashboard" }, "layout": { "canvas": "wide landscape presentation sheet with five large iPhone mockups across the top row and brand-system components across the bottom row", "top_row": { "count": 5, "screens": [ { "title": "MENÚ", "position": "far left", "description": "slide-out side navigation drawer with profile greeting, blurred app screen behind it, and a vertical list of navigation actions", "visible_text": ["Hola, Laura! 👋", "Tu viaje saludable", "Inicio", "Panel principal", "Análisis", "Historial y resultados", "Metas", "Objetivos y progreso", "Tendencias", "Estadísticas", "Ajustes", "Preferencias", "Ayuda", "Soporte y tutoriales", "Caloryx PRO", "Desbloquea todas las funciones", "Cerrar sesión"], "counted_items": { "navigation_items_count": 7, "navigation_items": ["Inicio", "Análisis", "Metas", "Tendencias", "Ajustes", "Ayuda", "Cerrar sesión"], "promotional_cards_count": 1, "promotional_cards": ["Caloryx PRO"] } }, { "title": "HOME (NUEVO)", "position": "left center", "description": "home dashboard showing the user greeting, today's calorie summary, macro cards, food analysis call-to-action, recent meal card, and bottom tab bar", "visible_text": ["Caloryx", "PRO", "¡Bienvenida, Laura! 🌿", "Estás haciendo un gran trabajo", "Tu resumen de hoy", "700 / 2,777 kcal", "Resta de tu meta diaria", "Proteínas", "Carbohidratos", "Grasas", "Analiza tu comida", "Escanea o sube una foto para obtener información nutricional instantánea.", "Escanear comida", "Galería", "Tomar foto", "Comidas recientes", "Hamburguesa", "700 kcal", "Inicio", "Análisis", "Metas", "Perfil"], "counted_items": { "macro_cards_count": 3, "macro_cards": ["Proteínas", "Carbohidratos", "Grasas"], "primary_actions_count": 3, "primary_actions": ["Escanear comida", "Galería", "Tomar foto"], "bottom_tabs_count": 4, "bottom_tabs": ["Inicio", "Análisis", "Metas", "Perfil"] } }, { "title": "ESCÁNER DE COMIDA (NUEVO)", "position": "center", "description": "camera scanner interface pointed at food with green corner scan brackets, a bottom progress bar, close button, flash button, and dark camera overlay", "visible_text": ["Detectando alimentos...", "Analizando nutrientes con IA"], "food_subject": "[Burger King meal with Whopper burger, fries, and soda cup]", "counted_items": { "camera_controls_count": 2, "camera_controls": ["close button", "flash button"], "detected_food_items_visible_count": 3, "detected_food_items_visible": ["burger", "fries", "soda cup"] } }, { "title": "RESULTADO DEL ANÁLISIS (MEJORADO)", "position": "right center", "description": "analysis results screen with food photo header, back button, PRO badge, health score card, nutrition summary, detected foods list, and green save button", "visible_text": ["PRO", "Saludabilidad de esta comida", "1.6", "Resumen nutricional", "1,735 kcal", "Proteínas", "Carbohidratos", "Grasas", "Azúcares", "Alimentos detectados", "3 elementos", "Burger King Whopper", "670 kcal", "Burger King Chicken Sandwich", "500 kcal", "Burger King French Fries", "400 kcal", "Guardar comida"], "counted_items": { "detected_foods_count": 3, "detected_foods": ["Burger King Whopper", "Burger King Chicken Sandwich", "Burger King French Fries"], "nutrition_metrics_count": 5, "nutrition_metrics": ["1,735 kcal", "Proteínas 59g", "Carbohidratos 181g", "Grasas 88g", "Azúcares 58g"] } }, { "title": "DETALLE DEL ALIMENTO", "position": "far right", "description": "individual food detail page for a Whopper with calories, macros, nutritional table, healthier alternatives card, additional details, and close button", "visible_text": ["PRO", "Burger King Whopper", "8.0 oz", "670 kcal", "Proteínas 30g", "Carbohidratos 42g", "Grasas 43g", "Información nutricional", "Calorías", "Proteínas", "Carbohidratos", "Grasas", "Azúcares", "Fibra", "Sodio", "Alternativas más saludables", "Ver sugerencias", "Detalles adicionales", "Tamaño de porción", "Categoría", "Comida rápida", "Cerrar"], "counted_items": { "top_macro_metrics_count": 3, "top_macro_metrics": ["Proteínas 30g", "Carbohidratos 42g", "Grasas 43g"], "nutrition_table_rows_count": 7, "nutrition_table_rows": ["Calorías 670 kcal", "Proteínas 30g", "Carbohidratos 42g", "Grasas 43g", "Azúcares 8g", "Fibra 3g", "Sodio 980mg"] } } ] }, "bottom_row": { "sections_count": 5, "sections": [ { "title": "BRANDING", "position": "bottom left", "description": "large rounded-square green app icon with a white stylized C and leaf, with Caloryx wordmark below" }, { "title": "PALETA DE COLORES", "position": "bottom left-center", "count": 5, "labels": ["green", "pale mint", "white", "dark navy", "coral red"] }, { "title": "TIPOGRAFÍA", "position": "bottom center-left", "description": "typography sample showing Poppins as the main font" }, { "title": "ICONOGRAFÍA", "position": "bottom center", "count": 6, "labels": ["scanner corners", "flame", "heart", "bar chart", "target", "settings gear"] }, { "title": "CAPTURAS PARA APP STORE", "position": "bottom right", "count": 5, "labels": ["Escanea tu comida con IA", "Análisis nutricional completo", "Historial y progreso diario", "Alternativas más saludables", "Tu viaje saludable comienza aquí"] } ] } }, "visual_details": { "phone_style": "black and white iPhone mockups with status bar time 9:41, rounded corners, subtle shadows", "main_accent": "[fresh green]", "secondary_accents": "orange flame and PRO badge, coral heart icon, dark navy text, pale mint panels", "imagery": "realistic fast-food photography embedded inside polished app UI cards", "presentation_labels": "green uppercase Spanish headings above each main phone screen" }, "rendering_instructions": "Generate a high-fidelity Figma-style app design presentation board showcase with crisp typography, accurate layout spacing, and polished iOS UI components" } ```