![]()
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 的文件中
![]()
![]()
可以試試以上提示詞,看看是否可以復現





京公網安備 11011402013531號