GPT-6 Intelligent UI 教學|5 個 ChatGPT 互動玩法實測+完整 Prompt 分享

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 介面完成,唔需要跳轉網站。

請直接生成可以操作嘅密室逃脫遊戲,唔需要提供程式碼,亦唔好提前公開答案。
小提醒:互動介面的生成效果可能因模型、裝置或對話情況而有所不同。如果畫面佈局或操作未如理想,可以在原有對話繼續提出修改。涉及航班座位等真實資料時,請以官方最新資訊核實。

想看看五個 Demo 的實際效果?

影片中會示範每個互動介面的生成過程、操作效果,以及值得留意的限制。建議先觀看完整實測,再使用上方 Prompt 親自體驗。

▶ 立即觀看完整影片

追蹤以下平台,獲得最新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/

Dr. Jackei Wong

Dr. Jackei Wong|GenAI 企業培訓導師|AI 書籍作者|科技 YouTuber
專注生成式 AI(GenAI)企業培訓、公開課程、講座、工作坊及社交媒體內容合作。
DayGen AI Limited 及 RoboCode Academy 創辦人。
擁有超過 20 年人工智能研究、教學及培訓經驗。
YouTube:youtube.com/@drjackeiwong
網站:drjackeiwong.com
合作邀請歡迎 DM

喜歡請分享