OpenAI Showcase 是什麼?

OpenAI Showcase 是 OpenAI 官方開發者網站底下的一個作品展示頁面,收錄用 OpenAI 的 API 或 Codex 打造出來的各種示範專案。

根據官網的介紹,這個頁面的用途是探索用 OpenAI 打造的示範作品,換句話說就是一座讓開發者觀摩靈感的展示牆。頁面上的作品類型很雜,從 3D 遊戲、互動網站、AI 代理應用到電商網站都有,每個作品點進去都會標示是用什麼模型、什麼技術棧做出來的。

比較特別的是,Showcase 開放外部開發者投稿,只要用 OpenAI 相關技術做出作品,都可以透過官方表單提交,有機會被選進這個展示牆。

🔔 不錯過任何精彩內容

立即訂閱我們的 LINE 或將本站設為 Google 偏好來源,掌握最新資訊!

Showcase 要怎麼分類?

Showcase 提供類型、用途和技術棧三種篩選方式,讓讀者可以依照興趣快速找到想看的作品。

先講最上層的分類,網站導覽列把作品分成 All(全部)、Games(遊戲)、Apps(應用)、Websites(網站)、API 五大類。除此之外,頁面下方還有更細的篩選器。

類型(Type)分成 App、Game、Experience(互動體驗)、Landing Page(形象頁)、Storefront(電商展示)、Other 六種。

用途(Use case)則細分成 Agents、Creative tools、Data visualization、Education、Image generation、Interactive experiences、Internal tools、Landing pages、Productivity、Storefronts、Voice、WebMCP 等十幾種類別。

技術棧(Tech stack)標示了每個作品用什麼框架做的,常見的有 Next.js、React、Three.js、Python、SwiftUI。

這種多重篩選的設計,對開發者來說其實滿實用,例如想找用 Three.js 做的 3D 網站,或是 Voice 語音類的應用,都可以直接篩出對應作品,不用一個一個點進去看。

有哪些精選代表作品?

頁面最上方的 Featured 精選區,放的是四個目前最具代表性的展示作品。

第一個是 Little Ritual,一款在小型球狀世界裡送咖啡的 3D 遊戲。第二個是 Physics museum,一座有五個互動展區的 3D 科學博物館。第三個是 Below the Surface,一個可以探索五種海洋深度區域的互動網站。第四個是 Sunwake,一款描述在狂野海域中航行、尋找燈塔的航海遊戲。

這四個作品的共通點是視覺表現力很強,很適合用來展示 OpenAI 的模型在 3D 場景、遊戲邏輯設計上能做到什麼程度,也難怪會被放在最顯眼的位置。

除了遊戲,Showcase 還有哪些應用類型?

Showcase 收錄的作品其實不只遊戲和 3D 場景,還包含大量 Agents API 應用和 WebMCP 互動工具。

Agents API 類的作品偏向企業使用情境,例如可以在 Slack 裡直接搜尋公司資料並完成任務的 AI 隊友、批次審查發票和合約的文件審查代理、連接資料庫回答商業問題的資料分析代理,以及能把 GitHub issue 自動轉換成根因分析報告的除錯代理。

WebMCP 類則是讓 AI 代理直接在網頁應用裡操作,例如一起規劃填字遊戲的 Crossword Desk、線上採購清單共編的 Verdant Market、支援代理協作修圖的 Webroom,還有可以和代理一起排旅行行程的 WanderNote。

另外還有不少電商形象頁的示範,例如手錶品牌、露營背包、精品咖啡的虛構品牌網站,適合想學怎麼用 AI 做出質感電商網站的讀者參考。

Showcase 上的作品真的能照著學嗎?

可以,但不是每個作品都提供原始碼和製作過程,遊戲類和 3D 體驗類通常只有體驗連結。

比較偏工具類、教學類的作品,頁面下方常常會附上完整的建置過程,把作者從最初下的一句 prompt,到後續好幾輪修改迭代的細節都公開出來,甚至還會附上原始碼連結,等於是把整個製作過程攤開給讀者看。

相對地,像 Little Ritual、Sunwake 這類遊戲作品,頁面通常只放體驗連結和技術棧標籤,並沒有公開原始碼,比較適合單純當靈感參考,沒辦法直接照著做出一模一樣的東西。

怎麼照著 Codex 101 這個案例操作?

Codex 101 是 Showcase 裡少數完整公開建置過程的作品,很適合拿來當作照著學的範例。

這個作品是南韓開發者 Seowoo Han 用 Codex 搭配 GPT-5.3-Codex、OpenAI Docs MCP 和 Computer Use 做出來的雙語教學網站,目標是幫韓國開發者更容易學會使用 Codex。根據官網的介紹,整個製作過程分成七個階段。

第一步是下初始提示詞,把專案的範圍和目標講清楚,包括要參考哪些官方文件、想做成什麼形式的網站。

第二步蒐集參考資料,把 Codex 技能文件、Codex 技能指南、GitHub 技能庫和社群範例都整理進來。

第三步做出第一版雛形,先做出一份針對 Codex 設定、工作流程和實際範例的韓文開發者指南。

第四步擴充成雙語版本,把內容擴大成涵蓋 CLI、桌面版、IDE、網頁版、設定檔、MCP、自動化等多個面向的完整教學。

第五步加入自動維護機制,搭配 OpenAI Docs MCP 定期檢查模型頁面、文件、公告、快速上手指南、價格、最佳實踐等內容有沒有更新。

第六步微調自動化流程,並在 Codex 遺漏細節時手動補上。

第七步是最後一輪修飾,用 Computer Use 檢查並優化整個網站的 UI 和使用體驗。

如果想照著做類似的專案,可以參考這個流程的邏輯,先用一句清楚的提示詞定義範圍,再逐步迭代擴充內容,最後用工具跑一輪自動化檢查和 UI 微調。完整的原始碼可以到作品頁面點選連結查看。

Showcase 常見問題有哪些?

Showcase 上的作品是官方做的還是社群投稿的?

兩者都有。部分是 OpenAI 官方團隊製作的精選作品,其餘則是開發者透過投稿表單提交、經篩選後收錄的社群作品。

我可以把自己的作品投稿到 Showcase 嗎?

可以,官網有提供投稿入口,只要作品是用 OpenAI 相關技術打造的,都能透過表單提交。

Showcase 上的作品可以商用嗎?

官網頁面本身沒有明確說明授權條款,如果想參考某個作品的做法用於商業用途,建議先透過作品頁面的原始碼連結確認授權方式,或聯繫作者本人。

沒有寫程式基礎,可以照著 Showcase 做出東西嗎?

難度會依作品而定。像 Codex 101 這類案例主要是靠下提示詞逐步迭代完成,對非工程背景的讀者來說門檻相對低,但要看懂並修改原始碼,還是需要一定的程式基礎。

Showcase 多久更新一次?

官網沒有公布固定更新頻率,但從作品清單來看,新的示範作品會不定期加入,建議可以直接關注頁面或官方部落格掌握最新案例。

Showcase 最有價值的地方,不是那些做得漂亮的 3D 場景,而是它願意把製作過程攤開來給讀者看。

比起單純看成品驚嘆,跟著建置過程一步步理解別人怎麼跟 AI 對話、怎麼修正方向,才是真正學得到東西的地方。