ChatGPT 推出 Sites 與 Build Web Apps 讓使用者直接建置網頁

ChatGPT 推出 Sites 與 Build Web Apps 讓使用者直接建置網頁。 核心功能與應用 使用者現在可以透過 ChatGPT 內建的「Sites」與「Build Web Apps」外掛，將開發流程整合於對話中，實現從構思到部署的端到端開發。根據演示內容，開發者不僅能快速生成網頁，還能透過視覺化工具進行即時調整： 系統提供多種設計風格供選擇，例如「The Living Grid」、「Issue No. 26」及「Catalog Orbit」。 具備內建的瀏覽器標註工具，讓使用者能直接在預覽畫面上點擊並輸入修改建議，系統會據此更新程式碼。 部署流程高度簡化，演示中生成的網頁應用程式可直接發布至 form-field-2026.openai.chatgpt.site 等網域。 開發流程演示 一位講者展示如何透過 ChatGPT 的 Sites 與 Build Web Apps 外掛，直接在對話介面中建置並部署網頁應用程式與遊戲。 根據演示影片，開發網頁與遊戲的步驟如下： 啟用「Sites」外掛，並開啟「Sites Building」與「Sites Hosting」等 skill。 選擇系統生成的設計風格，並透過對話介面輸入需求。 使用瀏覽器標註工具選取網頁元素，並輸入修改指令進行視覺調整。 切換至「Build Web Apps」外掛，即可進行更複雜的專案開發，例如演示中展示的 2D 橫向捲軸遊戲「MOXIE & THE MOONBYTE」，畫面顯示該遊戲具備生命值、分數與關卡名稱等介面元素。 技術觀察 此次更新顯示 ChatGPT 正從單純的文字與程式碼生成工具，轉向具備完整開發環境（workspace）的 Agent 平台。透過將部署與視覺化編輯整合進對話 loop，使用者無需離開 ChatGPT 介面即可完成從原型設計到產品上線的完整工作流。這項變革大幅降低了網頁應用程式的開發門檻，讓非專業開發者也能透過自然語言指令，建置具備互動功能的網頁與遊戲。一位講者展示如何透過 ChatGPT 的 Sites 與 Build Web Apps 外掛，直接在對話介面中建置並部署網頁應用程式與遊戲。 影片中的 Prompt 與操作：Prompt（00:23）： 為設計研討會建立一個發布網站，包含講者卡片、可篩選的議程，以及乾淨簡約的編輯風格。原文：Build a launch site for a design conference, with speaker cards, a filterable agenda, and a clean and minimalist editorial style.Prompt（00:40）： 我希望議程排版更容易瀏覽，並讓主題演講感覺像是主要活動。原文：I want the schedule layout to be easier to scan, and the keynote to feel like the main event.Prompt（01:21）： 建立一款色彩鮮豔、2000 年代初期的 2D 橫向捲軸遊戲，包含卡通英雄與動畫環境。使用生動的像素藝術、響應式控制與趣味效果。原文：Build a colorful early 2000s 2D side-scrolling game with a cartoon hero and an animated environment. Use vibrant pixel art, responsive controls, and playful effects.操作步驟： 1. （00:23）輸入網頁設計需求 2. （00:34）選擇設計風格「Catalog Orbit」 3. （00:56）開啟內建瀏覽器進行標註 4. （00:59）輸入網頁修改建議 5. （01:05）點擊「Deploy this site」 6. （01:21）輸入遊戲開發需求原文：https://easyvibecoding.app/curated/2522-chatgpt-launches-sites-and-build-web-apps