OpenAI Codex徹底火了，4個官方前端提示示例給你

gpt-5-codex徹底火了，很多人已經從Claude code 轉向 codex了，只能說使用者都是牆頭草，只要工具好，一秒切換，毫不猶豫，OpenAI 趁熱打鐵，官方codex示例和提示詞也來了

gpt-5-codex在響應式和移動端前端開發方面表現非常好，以下是一些示例和提示詞

1.像素遊戲

English:

Make a pixel art game where I can walk around and talk to other villagers, and catch wild bugs.

中文:

做一個像素風遊戲，我可以在裡面四處走動，和村民們交談，還能捕捉野生的昆蟲

2.工作管理平台

English:

Give me a work management platform that helps teams organize, track, and manage their projects and tasks. Give me the platform with a kanban board, not the landing page.

中文:

給我一個工作管理平台，用來幫助團隊組織、跟蹤和管理項目與任務。我想要的是帶有看板的平台本身，而不是它的介紹頁

3.根據草圖製作網頁

English:

Given this image as inspiration. Build a simple html page joke-site.html here that includes all the assets/javascript and content to implement a showcase version of this webapp. Delightful animations and a responsive design would be great but don't make things too busy.

中文:

以這張圖片為靈感，在這裡建立一個名為 joke-site.html 的簡單 HTML 頁面。頁面需要包含所有必要的資原始檔（assets）、JavaScript 和內容，用以實現這個網頁應用的展示版本。如果能有令人愉悅的動畫和響應式設計就更好了，但別把頁面弄得太花哨

4.根據線框圖轉化為應用程式

English:

"I have this wireframe, can you convert it to a real app for me? Generate HTML / inline CSS code for this website. Include CDN links for Tailwind / Bootstrap etc. Save your output to a file called index.html in the container's current directory."

中文:

我有一個線框圖，你能幫我把它轉換成一個真正的應用程式嗎？請為這個網站生成 HTML 和內聯 CSS（inline CSS）程式碼，並引入 Tailwind、Bootstrap 等框架的 CDN 連結。然後，將輸出結果保存到容器當前目錄下一個名為 index.html 的檔案中

可以試試以上提示詞，看看是否可以復現 (AI寒武紀)