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 的文件中

可以试试以上提示词，看看是否可以复现