GPT-6 · INTELLIGENT UI
ChatGPT 的答案,現在可以直接操作?
除了文字、圖片和表格,GPT-6 Intelligent UI 還可以按你的要求,在 ChatGPT 對話中生成可點擊、可調整參數的互動介面。不必另外開發 App,也能用更直觀的方式探索資訊和學習新知識。
今次影片實測了五種玩法:飛機座位圖、攝影模擬器、AI 穿搭、香港麻雀教學,以及密室逃脫。以下整理了影片示範的五段完整 Prompt,方便直接複製試玩。
5 個 Demo Prompt|一鍵複製
點擊下方主題展開完整 Prompt,再按「複製 Prompt」,貼到 ChatGPT 對話中即可開始嘗試。
01|互動飛機座位圖將複雜的機艙配置變成可點擊的座位圖,方便查看不同位置和座位特點。
DEMO 01 · 完整 Prompt
我準備乘搭國泰航空(Cathay Pacific,CX)的 Airbus A321neo,機型配置為 32P(195 座位)。 請參考國泰航空官方座位配置,幫我建立一張可以直接操作的互動飛機座位圖。 要求: - 盡量按照真實機艙座位排列及編號 - 清楚標示商務艙、經濟艙、走廊、洗手間及緊急出口 - 可以直接點擊不同座位,查看窗邊/走廊/中間座位等資訊及優缺點 - 用不同顏色區分座位類型 - 幫助我挑選比較舒適、適合欣賞窗外景色的經濟艙座位 介面要美觀、清晰、容易操作。 請直接展示互動座位圖,不需要提供程式碼。 官方參考: https://www.cathaypacific.com/cx/en_HK/flying-with-us/aircraft-and-fleet/airbus-a320/a321neo.html
02|攝影三要素模擬器調整 ISO、光圈和快門速度,以視覺方式理解拍攝參數的影響。
DEMO 02 · 完整 Prompt
我想學習攝影三要素:ISO、光圈(Aperture)及快門速度(Shutter Speed)。 請幫我建立一個可以直接操作的互動攝影模擬器,讓我調整參數時,即時觀察相片效果的變化。 **最重要:介面必須採用 Desktop-first 橫向雙欄 Layout,讓我可以在同一個畫面,一邊調整參數,一邊觀察相片效果,完全不需要上下捲動。** ### 1. 介面佈局(非常重要) - 左側約 60%:大型即時相片預覽。 - 右側約 40%:ISO、光圈及快門速度三個控制 Slider。 - 三個 Slider 必須同時完整顯示在右側,不要分散在不同頁面。 - 調整任何 Slider 時,左側相片必須即時更新,無需按確認或重新生成。 - 整個主要介面必須在一個電腦螢幕內完整顯示,適合 16:9 螢幕錄影。 - 採用緊湊設計,減少多餘文字、留白及大型卡片,優先保留相片預覽與控制項。 - 不要將相片預覽放在 Sliders 上方,造成需要上下 Scroll 的 Layout。 ### 2. 模擬拍攝場景 顯示一個固定場景,包括: - 前景人物 - 遠處背景 - 正在移動的單車 ### 3. 三個互動參數 - ISO:100–3200 - 光圈:f/1.8–f/16 - 快門速度:1/15–1/1000 秒 ### 4. 即時視覺效果 調整參數時,直接在左側同一張相片展示: - 曝光亮度變化 - 背景景深及模糊程度 - ISO 雜訊程度 - 移動物件的動態模糊 三個參數應共同影響模擬曝光效果,盡量符合基本攝影原理。 ### 5. 資訊顯示 - 每個 Slider 旁顯示目前設定值。 - 相片下方簡短顯示目前拍攝效果,例如「曝光正常」、「背景模糊」、「動態清晰」。 - 如需教學說明,使用簡短 Tooltip,不要佔用主要畫面。 介面要美觀、直觀、反應即時,適合攝影初學者學習及 YouTube 影片展示。 請直接生成可操作的互動模擬器,不需要提供程式碼。
03|AI 個人造型師在互動衣櫃中自由搭配服裝,並按場合獲取穿搭建議。
DEMO 03 · 完整 Prompt
我想你做我的 AI 個人造型師,幫我建立一個可以直接操作的互動穿搭工具。 假設我是一位30歲男性,有以下9件衣物: **上衣:** - 白色恤衫 - 黑色 T-shirt - 淺藍色 Polo Shirt **褲:** - 深藍色牛仔褲 - 黑色西褲 - 卡其色 Chino **鞋:** - 白色波鞋 - 黑色皮鞋 - 啡色 Loafers ### 1. 互動衣櫃 - 左側展示全部9件衣物,分為上衣、褲及鞋三類。 - 可以直接點擊選擇,每類選擇一件。 - 清楚標示目前選中的衣物。 - 提供三個場合:「上班」、「約會」、「週末休閒」。 ### 2. 高質感 Outfit 預覽(最重要) - 右側顯示大型 Outfit Preview,採用 Premium Fashion Lookbook / Editorial Flat Lay 風格。 - 將目前選中的上衣、褲及鞋組合成一套完整的視覺穿搭。 - 衣物應以自然、有層次的 Flat Lay 方式排列,好像時尚品牌將一整套 Outfit 放在桌面上拍攝。 - 衣物需要有合理的形狀、比例、布料質感及自然陰影。 - 上衣、褲及鞋應該形成一個有整體感的穿搭構圖,而不是三個分開漂浮的圖示。 - 盡量使用精緻、接近真實時尚產品攝影的效果,避免簡陋的卡通圖示。 - 不要生成真人模特兒、3D 角色或人體。 - 每次切換衣物時,右側預覽必須即時更新,並清楚反映目前選中的服裝。 ### 3. AI 穿搭建議 - 根據場合及目前選中的衣物,提供簡短、具體的穿搭評價。 - 如配搭不理想,提出明確改善建議。 - 加入「AI 推薦配搭」按鈕,自動選出適合目前場合的一整套 Outfit。 - 不需要沒有明確評分依據的百分制分數。 ### 4. UI Design - 保留深色、現代、Premium Fashion Brand 的設計風格。 - 採用 Desktop-first 左右雙欄 Layout。 - 左側約45%:衣櫃及衣物選擇。 - 右側約55%:大型 Outfit Flat Lay 預覽。 - 穿搭建議及「AI 推薦配搭」按鈕放在預覽下方,保持簡潔。 - 整個主要介面應在一個電腦螢幕內完整展示,適合16:9螢幕錄影,無需上下捲動。 - 減少多餘的裝飾、留白及說明文字,將焦點放在服裝組合與即時視覺變化。 請直接建立可操作的互動穿搭工具,不需要提供程式碼。
04|香港麻雀互動學堂透過可點擊的麻雀牌和圖解,逐步學習香港麻雀基本玩法。
DEMO 04 · 完整 Prompt
我完全唔識打香港麻雀,想透過互動方式學習基本玩法。 請幫我建立一個可以直接操作的「香港麻雀互動學堂」。 要求: 1. **認識麻雀牌** - 以清晰、接近真實麻雀牌的圖像展示萬子、筒子、索子及字牌。 - 可以點擊不同麻雀牌,查看牌名、類別及簡單解釋。 - 提供分類選項,方便切換不同牌種。 2. **學習基本組合** - 以視覺化方式解釋「順子(食)」、「刻子(碰)」及「槓子(槓)」。 - 使用實際麻雀牌圖像展示例子。 - 可以點擊不同組合,查看相關解釋及基本規則。 3. **理解如何食糊** - 用麻雀牌視覺化展示一般標準胡牌結構:四組面子加一對將。 - 讓我點擊每組牌,了解其作用。 4. **互動介面** - 所有麻雀牌及教學選項都可以直接點擊。 - 點擊後即時更新相關圖解及解釋。 - 使用清晰、美觀、有香港麻雀特色的設計。 - 內容以香港麻雀基本規則為準,避免混用日本麻雀及其他地區的規則。 請直接展示可操作的互動教學介面,不需要提供程式碼。
05|密室逃脫《神秘房間》探索場景、搜集線索和輸入密碼,在 ChatGPT 對話中完成解謎。
DEMO 05 · 完整 Prompt
我想玩一個由 AI 即場生成嘅密室逃脫遊戲。 請幫我建立一個可以直接喺 ChatGPT 對話入面操作嘅互動密室逃脫遊戲,名稱叫《神秘房間》。 **遊戲設定:** - 玩家被困喺一間神秘房間。 - 房間有一扇上鎖嘅門,需要輸入正確嘅四位數密碼先可以離開。 - 房間內有三個可以探索嘅物件:書架、時鐘及保險箱。 - 玩家需要從三個物件中尋找線索,推理出開門密碼。 **互動要求:** 1. 以視覺化方式展示房間,包括門、書架、時鐘及保險箱。 2. 可以直接點擊房間內嘅物件,查看線索。 3. 已發現嘅線索會自動記錄喺畫面上。 4. 提供四位數密碼輸入區及「解鎖」按鈕。 5. 輸入錯誤密碼時顯示提示,但唔好直接公開答案。 6. 輸入正確密碼後,顯示成功逃脫嘅完成畫面。 7. 加入「提示」及「重新開始」按鈕。 **設計要求:** - 遊戲要簡單、有趣,適合第一次玩密室逃脫嘅人。 - 三個線索必須有清晰、合理嘅邏輯,能夠推導出唯一正確密碼。 - 介面要有神秘氣氛,但保持美觀、清晰、容易操作。 - 所有互動都應直接喺 ChatGPT 介面完成,唔需要跳轉網站。 請直接生成可以操作嘅密室逃脫遊戲,唔需要提供程式碼,亦唔好提前公開答案。
小提醒:互動介面的生成效果可能因模型、裝置或對話情況而有所不同。如果畫面佈局或操作未如理想,可以在原有對話繼續提出修改。涉及航班座位等真實資料時,請以官方最新資訊核實。
追蹤以下平台,獲得最新AI資訊:
Facebook: https://www.facebook.com/drjackeiwong/
Instagram: https://www.instagram.com/drjackeiwong/
Threads: https://www.threads.net/@drjackeiwong/
YouTube: https://www.youtube.com/@drjackeiwong/
Website: https://drjackeiwong.com/